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插件，默