### 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插件。