vue-cli3初始化專案
注：安裝前確保有安裝node，並且node >= 8.9 （推薦 8.11.0+）
- 全域性安裝vue
npm install -g @vue/cli
複製程式碼如果之前安裝了vue舊版本，檢視 vue --version，如果不是3.X，請先解除安裝再安裝 npm uninstall vue-cli -g
- 建立專案
vue create vue-cli3-init
複製程式碼注：名稱不能採用駝峰命名
vue-cli3也可以採用UI皮膚進行配置，相對比較方便，目前先寫命令列建立，後續再加上皮膚建立。
選擇配置，預設配置還是手動，這裡我選擇手動Manually，繼續回車會讓你選擇你想要功能。 （不用用git視窗，選擇不了選項，可以使用上下方向來切換選項）
此處有兩個選擇：
- default (babel, eslint) 預設套餐，提供 babel 和 eslint 支援。
- Manually select features 自己去選擇需要的功能，提供更多的特性選擇。比如如果想要支援 TypeScript，就應該選擇這一項。
回車後可進行選擇，8個功能特性，可以多選： 使用方向鍵在特性選項之間切換，使用空格鍵選中當前特性，使用 a 鍵切換選擇所有，使用 i 鍵翻轉選項。我的選擇如下，請根據自己需要進行選擇。
對於每一項的功能，此處做個簡單描述：
- TypeScript 支援使用 TypeScript 書寫原始碼。
- Progressive Web App (PWA) Support PWA 支援。
- Router 支援 vue-router 。
- Vuex 支援 vuex 。
- CSS Pre-processors 支援 CSS 前處理器。
- Linter / Formatter 支援程式碼風格檢查和格式化。
- Unit Testing 支援單元測試。
- E2E Testing 支援 E2E 測試。
是否選擇history模式，根據自己需要選擇。（我選擇n）
是否選擇預語言，根據自己需要選擇。（我選擇sass）
是否ESlint輸出，根據自己需要選擇。（我選擇預設）
是否儲存時或者提交時是進行ESlint校驗，根據自己需要選擇。（我選擇儲存）
選擇把配置檔案放在外面，選擇 In dedicated config files
要不要把當前的這一系列選項配置儲存起來，方便下一次建立專案時複用。我選擇n
專案初始化完成，進入專案:
cd vue-cli3-init
複製程式碼依賴安裝完成之後啟動專案：
npm run serve
複製程式碼看到這樣的畫面你可以飛起來了，如果需要進行專案優化，可以參考我的下一篇文章