使用vue-cli快速创建vue项目

一、vue-cli初识

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供交互式的项目脚手架、零配置的原型开发、运行时依赖cli-serverce，该依赖

1. 可升级
2. 基于webpack构造并带有合理默认配置
3. 可根据项目内配置文件进行配置
4. 可通过插件扩展

此种条件下，各种构建工具可智能地配置衔接，十分方便

二、vue-cli几个组件

1、cli

一个全局安装的npm包，它提供了终端里的 vue 命令：

• vue-creat:快速搭建一个项目
• vue serve：构建像想法的原型
• vue ui:通过一套图形化的界面管理项目

2、cli service

一个开发环境依赖，也是一个npm包，局部安装在每个cli创建的项目中，
且cli服务构建于webpack与webpack-service上，它包含

• 加载其他cli插件的核心服务
• 一个针对绝大部分应用优化过的内部webpack配置
• 项目内部提供serve、build和inspect命令

3、cli插件

• 提供可选功能的npm包，E2E测试，单元测试。babel等，cli插件分为@vue/-plugin-（内建插件）和vue-cli-plugin-（社区插件）
• 当在项