vue-cli4构建项目详细配置

创建一个Vue项目

vue create projectName
//创建项目  vue create <项目名>

选择配置

//如果你保存过配置，第一个是已经保存过的配置
 Default ([Vue 2] babel, eslint) //vue2的默认配置
 Default (Vue 3) ([Vue 3] babel, eslint)//vue3的默认配置
 Manually select features//自定义配置

选择要添加的配置项（空格选择，A全选）

这里先全选看下全部配置

Choose Vue version//选择vue版本 

Babel//转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。

TypeScript//勾上即为创建ts项目

Progressive Web App (PWA) Support//渐进式Web应用程序，就是对标原生手机app的一种概念

Router//vue-router（vue路由）

Vuex//vuex（vue的状态管理模式）

CSS Pre-processors//CSS 预处理器（如：less、sass）

Linter / Formatter//代码风格检查和格式化（如：ESlint）

Unit Testing//单元测试（unit tests）

E2E Testing//e2e（end to end） 测试

选择vue版本

 Choose a version of Vue.js that you want to start the project with (Use arrow keys)  //选择启动项目的Vue版本

Use class-style component syntax? (Y/n)//是否使用class风格的组件语法 

Use Babel alongside TypeScript ?//是否使用babel做转义 

 Use history mode for router?//是否使用history模式

Pick a CSS pre-processor//选择预处理的模式 主要为css解决浏览器兼容、简化CSS代码 等问题

 Pick a linter / formatter config//提供一个插件化的javascript代码检测工具

 Pick additional lint features//选择什么时候进行代码规则检测
Lint on save // 保存就检测
Lint and fix on commit // fix和commit时候检查

 Pick a unit testing solution//选择单元测试方案

 Pick an E2E testing solution//选择端对端测试方案

Where do you prefer placing config for Babel, ESLint, etc.?//选择（Babel、PostCSS、ESLint）自定义配置的存放位置
In dedicated config files // 单独保存各自配的置文件
In package.json           // 放在 package.json 内

 Save this as a preset for future projects //是否将此保存为将来项目的预设？确认后输入名字