[TOC] >[success] # vue-ui 创建cli3.0项目 **vue ui** 是 **vue-cli** 提供的 **可视化的项目管理工具** ，在 **cmd** 上执行指令： ~~~ vue ui ~~~ <br>  总共有三个选项： 1. 规列出所有的vue项目 2. 创建项目 3. 导入项目 >[success] ## 创建项目 第一步：  第二步：  第三步： 这里介绍一下这些插件的作用： 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. 每次提交代码时候检查一下代码是否错误  第五步： 这里的意思就是是否将你这次手动配置的配置单保存下来，下次创建项目时候可以直接使用这次的配置项创建一个新的项目  这个时候你就可以看到你的cmd在自动执行npm install 了。