1、介紹篇
vue cli是一個基於vue.js進行快速開發的完整的系統。有三個組件：
CLI：
@vue/cli ：全局安裝的npm包，提供了終端里的vue命令。（vue create、vue server、vue ui等命令）
CLI服務
@vue/cli-service ：開發環境依賴，構建於webpack、webpack-dev-server之上，如server、build和inspect命令
CLI插件
給vue項目提供可選功能的npm包，如：Babel/TypeScript 轉譯、ESLint 集成、unit和 e2e測試 等
2、安裝篇：
2.1 全局安裝過1.X 或者2.x的 要卸載vue-cli
npm uninstall vue-cli -g //注意最好多卸載幾次，防止卸載不干凈，裝不上3.X的
2.2 node.js版本檢查
vue cli 3 需要nodeJs ≥8.9，官方推薦8.11.0
查看node版本 ：node -v
2.3 安裝vue cli 3
npm install -g @vue/cli
檢查安裝成功與否： vue -V
2.4 卸載
npm uninstall -g @vue/cli
3、單vue文件運行
作用：通過命令運行單個vue文件，將vue文件轉成HTML文件一樣
安裝命令：
npm install -g @vue/cli-service-global
執行命令：vue serve 文件名.vue
//注意命令不是server
4、新建系統工程
新建系統工程一般有兩個途徑，1、通過命令執行2、通過可視化的 vue ui 創建，兩個都比較簡單。
4.1 通過命令行新建系統工程
（1）執行命令
vue create 文件夾名稱（不支持大寫字母）
（2）選擇預設配置方式preset：
可以通過鍵盤上下鍵選擇，上面是默認的配置，下面是手動的配置，一般選擇手動配置
默認配置：基本啥都沒vuex、vueroute都沒，需要手動添加
手動配置：根據項目需要使用方向鍵選擇，按空格鍵選擇或者取消，A鍵全選/全部取消，選擇好后回車即可安裝
詳細介紹：
①：babel：轉碼器，可以將ES6代碼轉為ES5
②：typescript：后綴為 .ts文件的識別，可以轉換為js文件
③：Progressive Web App (PWA) Support：漸進式web 應用程序
⑥：Linter / Formatter：代碼風格檢查，如ESlint等
……
選擇完后按enter，然后會提示選擇對應功能的具體工作包，
最后，可以保存此次預設配置，下次再新建工程時候，可以直接調用出配置即可。
4.2通過vue ui可視化創建
工程所在的文件夾下，輸入命令 vue ui ,即可進入配置頁面，按需配置即可。
5、添加插件plugin
vue add 插件名稱
插件安裝好后，會提示設置相應的配置，設置好即可