Vue CLI 3.x的使用(1)

Vue CLI v3.x官方教程：https://cli.vuejs.org/guide/

Vue CLI是快速构建Vue.js项目的完整系统，提供：
- @vue/cli提供交互式项目构建脚手架；
- @vue/cli+@vue/cli-service-global实现零配置快速原型；
- 运行时依赖(@vue/cli-service)：
- 可升级，
- 最新webpack构建，并预设合理默认值，
- 通过vue.config.js可对预设默认值修改，
- 可通过插件扩展；
- 丰富的官方插件，集成了前端生态中最好的工具；
- 用于创建和管理Vue.js项目的可视化图形界面。

Vue CLI旨在成为Vue生态中标准的构建工具，配置中合理的预设默认值能够保证工作的顺利进行，使得程序开发者在配置上花费的精力也能专注到应用程序的编写上。同时，Vue CLI对调整每个工具的配置更灵活。

构成
Vue CLI由多个单独发布的包构成：
- babel-preset-app
Vue CLI项目中使用的默认BABEL预设。仅用于通过Vue CLI创建的项目。

• cli-init
  Vue CLI的命令插件，vue-cli@2.x的别名。

• cli-overlay
  覆盖vue-cli，使其不再生效。

• cli-plugin-babel
  vue-cli的Babel插件，默认使用Babel 7 + babel-loader + @vue/babel-preset-app，可以通过babel.config.js修改。

• cli-plugin-e2e-cypress
  vue-cli的e2e-cypress插件，增加Crypress的E2E测试支持。

• cli-plugin-e2e-nightwatch
  vue-cli的e2e-nightwatch插件，使用NightwatchJS运行E2E测试。

• cli-plugin-eslint
  vue-cli的eslint插件，用于编码格式检测。

• cli-plugin-pwa
  vue-cli的pwa插件，可通过vue.config.js中的pwa属性或package.json中的vue字段修改。

• cli-plugin-typescript
  vue-cli的typescript插件，使用TypeScript + ts-loader + fork-ts-checker-webpack-plugin进行快速的类型检查。

• cli-plugin-unit-jest
  vue-cli的unit-jest插件，增加jest单元测试。

• cli-plugin-unit-mocha
  vue-cli的unit-mocha插件，增加mocha单元测试。

• cli-service-global
  全局安装该包允许在没有本地依赖的情况下直接运行vue服务和vue构建。

• cli-service
  vue-cli service

• cli-shared-utils
  为vue-cli提供一些常用的使用工具。

• cli-test-utils
  为vue-cli提供MongoDB测试工具。

• cli-ui-addon-webpack
  @vue/cli-ui的仪表盘和分析器组件。

• cli-ui
  应该是可视化部分，开发版本：yarn run serve, yarn run apollo,待测试。

• cli
  工具入口。

• eslint-config-airbnb
  airbnb eslint配置。

• eslint-config-prettier
  prettier eslint配置。

• eslint-config-standard
  eslint标准配置。

• eslint-config-typescript
  typescript eslint配置。

CLI命令行工具

CLI服务

CLI插件