Vue-Cli项目创建

1. 安装node.jsnode.js官网下载

2. 使用cmd输入node -v和npm -v检查node.js和npm是否安装好( 由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了 ),出现版本号说明安好了

Vue-Cli项目创建

3.在cmd下安装Node.js淘宝镜像加速器,输入npm install cnpm -g

Vue-Cli项目创建

4.在cmd下安装vue-cli,输入cnpm install vue-cli -g

Vue-Cli项目创建

5.输入vue list查看是否安装成功,出现以下界面说明安装成功

Vue-Cli项目创建

6.新建vue项目: vue init webpack “项目名”,然后前三个命令直接回车,第四个选第一个,后面四个直接填NO,最后一个选第三个选项

Vue-Cli项目创建

7.安装vue-router: cnpm install vue-router --save-dev

Vue-Cli项目创建
Vue-Cli项目创建
8.进入项目所在文件夹: cd 项目名 ,安装依赖:cnpm install(时间有点久)

Vue-Cli项目创建

9.启动调试:npm run dev

Vue-Cli项目创建
Vue-Cli项目创建

10.打开网址,查看是否运行成功
Vue-Cli项目创建

相关文章: