vue-cli

版本关系

vue-cli@3 使用的是 vue2 ， vue-cli@4 使用的是vue3

安装

全局安装最高版本:

$ npm install -g @vue/cli

npm install -g @vue/cli    //全局安装最高版本
npm install -g @vue/cli@3.12.0   //安装指定版本
vue -V    //输出安装版本（主要为了检查前面是否安装成功）

//如果之前有安装过，但不是需要的版本的话，需先卸载再重新安装
npm uninstall -g @vue/cli   //卸载

创建项目

vue create XXX    // XXX为项目名 

接着会进行让您选择 默认安装(会安装) 或者 手动选择。其中手动选择需要：

1. use class-style conponent syntax
2. use babel alongside typescript
3. pick additional line features
4. Babel
5. TS
6. PWA,
7. Router, ( history mode(路由中的‘#’号可以省去))
8. Vuex,
9. CSS Pre-processors: 将用Sass 或 Less 或 Stylus 编译为css ， 其中，Sass 的编译工具有dart-sass(保存文件后才会进行编译，所以性能会更好，官方推荐。) 和 node-sass（实时进行编译）
10. Linter,
11. Unit, （Mocha + Chai 和 Jest）
12. E2E,
13. class-style component syntax(支持ES6中的class语法)，

配置：