vue-cli3.0之前版本:
1.npm install -g vue-cli(只需安装一次)
2.vue init webpack
3.填好相关信息切换到项目运行
vue-cli3.0及之后版本:
1.卸载vue-cli 2.x版本:
npm uninstall vue-cli -g
2.安装vue-cli3.x版本
npm install @vue/cli -g
3.查看脚手架版本号
vue --version 或者 vue -V
4. vue create 项目名称
5. 填好相关信息切换到项目运行
vue-cli 3.x搭建项目特点:
- 移除了配置文件目录,config 和 build 文件夹;
- 移除了 static 文件夹,新增 public 文件夹,并且 index.html 移动到 public 中;
- 在 src 文件夹中新增了 views 文件夹,用于分类 视图组件 和 公共组件;
- 部分命令行发生变化:创建项目、运行项目(2.x npm run dev, 3.x npm run serve)
注意事项:
1.搭建之前需要保证有nodejs和npm,并且一般使用版本较高的npm(脚手架搭建对npm版本有要求,版本较低可能会报错)
更新npm版本: npm install -g npm
2.如果提示‘vue’不是内部或者外部命令
npm config list
找到prefix对应的路径(如果已经配置了会显示路径,没配置路径标题会显示undefined字段),添加到环境变量path中去