### Vue CLI 是什么 Vue CLI 是Vue开发的标准工具。 首选需要安装Node.js。 ### Node.js 以及NPM Node.js是一个基于Chrome V8引擎的JavaScript运行环境。 NPM 是JS的包管理器，类似后端的Maven的作用。 安装： ``` npm install -g @vue/cli ``` 或者 ``` yarn global add @vue/cli ``` ### Vue CLI 的组成 #### CLI包 CLI（@vue/cli）是一个全局安装的npm包， 提供了终端的vue命令。 * `vue create` 快速创建一个新项目的脚手架 * `vue serve` 构建新想法的原型 * `vue ui` 通过一套图形化界面管理所有项目 #### CLI服务 @vue/cli-service， CLI服务， 是一个开发环境依赖。 也是一个npm包，局部安装在创建的项目中。 CLI服务构建于webpack和webpack-dev-server之上，包括： * 加载其他CLI插件的核心服务 * 优化过的内部webpack配置 * 项目内部的vue-cli-service命令，提供serve、build和 inspect命令 #### CLI插件 作用是向Vue项目提供可选功能的npm包，例如 * Babel/TypeScript转译 * ESLint 集成 * 单元测试 * end-to-end测试等 VUE CLI插件包括： * 内建插件 以`@vue/cli-plugin-`开头 * 社区插件， 以`vue-cli-plugin-`开头 但在项目内部运行 vue-cli-service命令是，会自动解析并加载package.json中列出的所有CLI插件。