vue-cli3.0使用及部分配置詳解

1.檢測安裝

　　 vue-V

2.創建項目命令：（官網）

3.簡單的配置資訊

這裡如果你是第一次用3.0版本的話，是沒有前兩個的，而只有最後兩個，這裡是

讓你選的，第一個是默認配置，一般選第二個，自己配置，這裡選擇最後一個。——————–（文字對應上面圖片）

在選擇功能後，會詢問更細節的配置，

TypeScript：

是否使用class風格的組件語法：Use class-style component syntax?

是否使用babel做轉義：Use Babel alongside TypeScript for auto-detected polyfills?

CSS Pre-processors：

選擇CSS 預處理類型：Pick a CSS pre-processor

Linter / Formatter

選擇Linter / Formatter規範類型：Pick a linter / formatter config

選擇lint方式，保存時檢查/提交時檢查：Pick additional lint features

Testing

選擇Unit測試方式

選擇E2E測試方式

———————————————————————————————————————–（文字對應上面圖片）

下一步之後問詢問你安裝哪一種 CSS 預處理語言，你隨意選擇，我是一直用的less 。———–（文字對應上面圖片）

上面這個是問你選擇哪個自動化程式碼格式化檢測，配合vscode編輯器的

Prettier – Code formatter插件，我選的隨後一個。 ——————————————-（文字對應上面圖片）

這裡第一個選項是問你是否保存剛才的配置，選擇確定後你下次再創建新項目，就有你以前選擇的配置了，不用重新再配置一遍了。 ———————————————-（文字對應上面圖片）

上邊這倆意思問你像，babel,postcss,eslint這些配置文件放哪？

第一個是：放獨立文件放置

第二個是：放package.json里

這裡推薦放單獨配置文件，選第一個。 ———————————————-（文字對應上面圖片）.

上邊倒數第二行問你是否將以上這些將此保存為未來項目的預配置嗎？

最後一個是描述項目，你隨意選擇，點擊確定就開始下載模板了。 ———————————–（文字對應上面圖片）