vue cli 3學習要點

只整理了一下vue cli 3的基礎內容部分，其他的見官網：

一、簡介vue3

1.它可以通過 vue create 快速建立乙個新專案的腳手架，或者直接通過 vue serve 構建新想法的原型，不需要vue2.0那樣用webpack來構建專案

2.在專案建立的過程中，你也會被提示選擇喜歡的包管理器或使用**npm映象源以更快地安裝依賴。這些選擇也將會存入 ~/.vuerc。

二、外掛程式和 preset

在現有的專案中安裝外掛程式

1.在現有的專案中安裝外掛程式使用 vue add 命令,但這個命令是為了安裝和呼叫 vue cli 外掛程式。這不意味著替換掉普通的 npm 包。對於這些普通的 npm 包，你仍然需要選用包管理器（即外掛程式分為了cli外掛程式和第三方的用npm安裝的外掛程式）

vue add @vue/eslint 解析為完整的包名： @vue/cli-plugin-eslint（vue cli型別的外掛程式）

vue add apollo（不帶 @vue 字首）會安裝第三方外掛程式： vue-cli-plugin-apollo（第三方外掛程式，不屬於vue cli型別的外掛程式）

2.每個 cli 外掛程式都會包含乙個 (用來建立檔案的) 生成器和乙個 (用來調整 webpack 核心配置和注入命令的) 執行時外掛程式。

三、preset

1.乙個 vue cli preset （即其他第三方外掛程式是不會受影響的，配置啥的也是不會放在~/.vuerc檔案裡的）是乙個包含建立新專案所需預定義選項和外掛程式的 json 物件。

2.建立新專案所需預定義選項和cli外掛程式，這個檔案裡的外掛程式會自動安裝，不需要你自己手動安裝了。在 vue create 過程中儲存的 preset 會被放在你的 home 目錄下的乙個配置檔案中 (~/.vuerc)。

3.如果你需要在專案裡直接訪問外掛程式 api 而不需要建立乙個完整的外掛程式，你可以在 package.json 檔案中使用 vueplugins.service 選項

4.preset這個json物件呢，裡面可設定各個字段，來對所有cli外掛程式進行控制

5.你還可以遠端 preset，通過發布 git repo 將乙個 preset 分享給其他開發者（應該就是在github上發布乙個資料夾？這個有待進一步學習），檔案包含的具體內容看官網。發布 repo 後，你就可以在建立專案的時候通過 --preset 選項使用這個遠端的 preset 了

四、cli服務

1.快取和並行處理

cache-loader 會預設為 vue/babel/typescript 編譯開啟。檔案會快取在 node_modules/.cache 中——如果你遇到了編譯方面的問題，記得先刪掉快取目錄之後再試試看