如何快速搭建vue-cli4.*项目配置（手选模式配置）
1、首先要准备所需环境
搭建新的vue-cli项目之前，要先安装
node
，
npm
，
vue-cli
创建vue项目
1、vue create vue-demo （vue-demo项目名）
有可能提示
vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.
You may want to run the following to upgrade to Vue CLI 3:
npm uninstall -g vue-cli
npm install -g @vue/cli
**只需运行提示的两句代码即可下，然后再运行 vue create vue-demo**
2、选择 Manually select features (vue模板选择，default是默认配置，manually select features是手动选择)
3、选择 （根据需求选择）
(*) Choose Vue version ☜（选择Vue版本）
(*) Babel ☜(转码器，可以将ES6代码转为ES5代码)
(*) TypeScript ☜( js的超集，强类型语言)
( ) Progressive Web App (PWA) Support ☜(渐进式Web应用程序)
(*) Router ☜(vue-router（vue路由）)
(*) Vuex ☜(vuex（vue的状态管理模式）)
(*) CSS Pre-processors ☜(CSS 预处理器（如：less、sass）)
(*) Linter / Formatter ☜(代码风格检查和格式化（如：ESlint）)
( ) Unit Testing ☜(单元测试)
( ) E2E Testing ☜(集成测试)
4、选择vue版本 （例如 2.x）
5、Use class-style component syntax? (Y/n) y
是否使用class风格的组件语法？
6、Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? (Y/n) y
这个选项的意思是要不要使用 babel 工具自动为转换后的 TypeScript 代码注入 polyfiills 。如果实在搞不清楚具体是什么意思，可以先不用管，直接选择 Y ，进入下一步
7、Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) n
是不是用history模式来创建路。 Vue-Router 利用了浏览器自身的hash 模式和 history 模式的特性来实现前端路由（通过调用浏览器提供的接口）。
我这里建议选n。这样打包出来丢到服务器上可以直接使用了，后期要用的话，也可以自己再开起来。选yes的话需要服务器那边再进行设置。
8、选择预处理器
Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys)
> Sass/SCSS (with dart-sass) （dart-sass需要保存后才会生效）sass 官方目前主力推dart-sass 最新的特性都会在这个上面先实现。
Sass/SCSS (with node-sass) （node-sass是自动编译实时的）
Less （）
Stylus （）
9、选择代码检测工具
> ESLint with error prevention only （）
ESLint + Airbnb config （）
ESLint + Standard config （）
ESLint + Prettier （）//使用较多
TSLint (deprecated) （）
10、什么时候进行代码规则检测
Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>(*) Lint on save （保存即检测）
( ) Lint and fix on commit （fix和commit时检测，即提交时）
我选Lint on save
11、选择如何存放配置
Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
> In dedicated config files （独立文件放置）
In package.json （存放在package.json中）
建议选择In dedicated config files
12、是否保存当前配置（是否作为一个模板配置）
Save this as a preset for future projects? (y/N) y
13、将当前配置另存为模板配置
Save preset as:vue2.0-demo （vue2.0-demo自定义）
14、操作到此步等待下载完成即可创建成功