1：若你已安装过vue-cli2的话，你得先卸载掉，命令如下
//首先查看是否已安装过vul-cli
vue -V
//如是有的话，就用下面命令卸载
npm uninstall vue-cli -g
2:安装vue-cli v4.2.3
//一键初始化项目
npm init -y
// 安装vue-cli
npm install @vue/cli -g
//也可使用cnpm 来安装 ，比较快些
cnpm install @vue/cli -g
3:配置
- 3-1创建一个项目
1、vue create 项目名称
-
3-2.选择css预编译，这里我选择SCSS
-
3-3.语法检测工具，这里我选择ESLint + Prettier
-
3-4.选择语法检查方式，这里我选择保存就检测
-
3-5.接下来会问你把babel,postcss,eslint这些配置文件放哪，这里随便选，
- 3-6.回车
//1.命令 回车
vue create 项目名
//2.选择自定义配置(手动选择功能) Manually select features
//3.选择你需要的配置
Babel (必选)
TypeScript（项目中使用ts开发的话，就勾选）
Progressive Web App (PWA) Support (接口缓存，优化项目)
Router(一般都是自行配置)
Vuex(一般都是自行配置)
CSS Pre-processors (css预处理器，需要)
Linter / Formatter (代码格式，一般默认选中)
Unit Testing (代码测试)
E2E Testing（需求界面测试）
//4.根据你选的配置进行Y/N选择
//5.选择完之后，就可以运行项目
4.运行测试:
cd project-name(自定义的) // 进入项目根目录
npm run serve // 运行项目
5.点击http://localhost:8080,就可以看到运行的界面了
个人微信公众号:
