vue项目构建:使用vue-cli构建项目

1、安装node.js(可以直接到中文官网http://nodejs.cn/下载安装包)

2、推荐使用国内镜像来安装;设置 cnpm:npm install -g cnpm -- registry=https://registry.npm.taobao.org(如果安装失败,可以使用 npm cache clean 清理缓存,然后再重新安装。

3、使用 cnpm 安装 vue-cli 和 webpack

命令:cnpm install -g vue-cli;

也可以用官方的:npm install -g vue-cli

4、进入命令提示界面,然后进入要存放项目的路径,

创建vue项目:vue init webpack 文件夹名称

例:vue init webpack my-project

5、命令提示界面进入创建的文件夹名称:cd my-project

6、运行命令:npm install

7、以上项目构建完成,输入命令运行vue项目:npm run dev

vue项目构建:使用vue-cli构建项目

运行成功

vue项目构建:使用vue-cli构建项目

前台界面


分享到:


相關文章: