1. 通过@vue/cli 搭建交互式 的 项目脚手架

CLI服务（@vue/cli-server）构建于 webpack & webpack-dev-server 之上

2. CLI 插件

vue cli 插件的名字以
@vue/cli-plugin-（内建插件）
或
vue-cli-plugin-（社区插件）
开头，
当 项目内部运行 vue-cli-service 命令，会自动解析加载 package.json 中列出的所有 cli 插件。

// TODO：可复用的preset

3. @vue/cli安装（Mac 需要 sudo）

npm install -g @vue/cli
# OR
yarn global add @vue/cli

// 验证
vue --version

暴露 vue create <app> 命令

2. vue-cli-service

暴露 vue-cli-service server / build / inspect 命令

vue-cli-service serve [options] [entry]
/**
--open    在服务器启动时打开浏览器
--copy    在服务器启动时将 URL 复制到剪切版
--mode    指定环境模式 (默认值：development)
--host    指定 host (默认值：0.0.0.0)
--port    指定 port (默认值：8080)
--https   使用 https (默认值：false)
**/

vue-cli-service build [options] [entry|pattern]
/**
--mode        指定环境模式 (默认值：production)
--dest        指定输出目录 (默认值：dist)
--modern      面向现代浏览器不带自动回退地构建应用
--target      app | lib | wc | wc-async (默认值：app)
--name        库或 Web Components 模式下的名字 (默认值：package.json 中的 "name" 字段或入口文件名)
--no-clean    在构建项目之前不清除目标目录
--report      生成 report.html 以帮助分析包内容
--report-json 生成 report.json 以帮助分析包内容
--watch       监听文件变化
**/

vue-cli-service inspect --mode=development/production
/**
审查一个 Vue CLI 项目的 webpack config
**/

4. vue.config.js
   https://cli.vuejs.org/zh/config/#lintonsave

5. .eslintrc.js
   https://eslint.org/docs/rules/
   https://www.jianshu.com/p/ad6784d028aa