用vueUI创建项目

vue ui

第一步

第二步

第三步：

这里介绍一下这些插件的作用：

1.Babel （Babel会将ES6、7、8、9会给转换成ES3、ES5给这些低级浏览器支持的js代码）
2.TypeScript （js的强类型）
3.Progressive Web App (PWA) Support （PWA移动应用）
4.Router （vue-router路由）
5.Vuex （vue官方的状态管理工具）
6.CSS Pre-processors （css预处理器）
7.Linter / Formatter (ESlint可以做一些代码检测，可以固定书写风格，或者在写代码时候矫正低级错误)
8.Unit Testing （单元测试）

第四步：

这里的介绍一下：

1. 是否需要路由的 history（历史）模式
2. 选择习惯的 css预处理器 这里选择的是 node-sass

3. 选择 ESlint 的书写风格，这里选择的是 ESLint + Standard config
4. 最后的两项是
   a. 每次保存都检查一下代码是否错误
   b. 每次提交代码时候检查一下代码是否错误

第五步：

这里的意思就是是否将你这次手动配置的配置单保存下来，下次创建项目时候可以直接使用这次的配置项创建一个新的项目

【更多详细教程】