让开发者从纠结配置中解放出来，专注于撰写应用程序，Vue CLI就因此而生。它不仅确保了各种构建工具能够基于智能的默认配置即可平稳衔接，还提供了配置调整的灵活性。
CLI 2
全局安装并创建项目
npm install -g vue-cli npm install -g [email protected] // 指定安装某一版本 vue init <template-name> <project-name> # 例如：vue init webpack vue-test
template模板有：
browserify——一个全面的Browserify + vueify的模板，运行起来带有热重载，保存时 lint 校验，单元测试。browserify-simple——一个简单Browserify + vueify的模板，不包含其他功能，让你快速的搭建vue的开发环境。pwa——一个基于webpack模板的渐进式的网页应用程序模板。simple——一个最简单的单页应用模板。webpack——一个全面的webpack + vue-loader的模板，运行起来带有热重载，保存时 lint 校验和CSS扩展。webpack-simple——一个简单webpack + vue-loader的模板，能让你快速搭建一个vue的开发环境。
目录结构 2.9.6
bulid是项目构建的相关代码，config是项目开发环境配置。
参考：https://www.jianshu.com/p/f8430536059a
CLI 3
全局安装并创建项目
npm install -g @vue/cli // 全局安装 vue create <project-name> // 创建项目,例如：vue create vue-3.0-demo // 使用init 初始化项目 npm install -g @vue/cli-init vue init webpack vue-3.0-demo //`vue init` 的运行效果将会跟 `[email protected]` 相同
相应配置选择
babel必须，可以转换ES6语法
router路由
vuex状态管理器
css预处理
linter管理代码风格
ESLint 是一个语法规则和代码风格的检查工具，可以检测出你代码中潜在的问题，可以保证写出语法正确和风格统一的代码。
ESLint with error prevention only——只检测错误。ESLint + Airbnb config——独角兽公司的Airbnb，有人评价说“这是一份最合理的JavaScript编码规范”，它几乎涵盖了JavaScript的各个方面。ESLint + Standard config——standardJs一份强大的JavaScript编码规范，自带linter和自动代码纠正。没有配置。自动格式化代码。可以在编码早期发现规范问题和低级错误。ESLint + Prettier—— Prettier 作为代码格式化工具，能够统一整个团队的代码风格。
倒数第二个问题：Babel、ESLint等配置信息全放在package.json文件里呢，还是单独文件管理？看需求
最后一个问题：手动选择的preset保存为未来项目的preset？保存
目录结构
官方内置了一个CLI服务（
@vue/cli-service），作为一个开发环境的依赖，局部安装在
@vue/cli创建的项目中。
若想修改webpack的相关配置，可在项目的根目录下（和
package.json同级）创建一个vue.config.js配置文件，这个文件一旦存在就会被
@vue/cli-service自动加载。也可直接使用
package.json中的
vue字段。