這兩天公司搭建新專案的時候發現vue-cli3有乙個神奇的的東西：preset（預設）。preset其實是你在create新vue專案的時候，生成的外掛程式配置項預設，也就是你在專案中需要用到的外掛程式安裝成功了之後，會生成乙個關於preset的檔案，當你再次create新的vue專案的時候，就不需要再去選擇同樣的外掛程式，直接用preset安裝就好了。可以參考這兩篇部落格，寫的很詳細：
這裡我演示下如何生成預設並使用這個預設：
1.建立乙個新的專案：vue create new-test3
紅色框起來的部分就是我之前建立專案時儲存的預設，括號中是這個預設中包含的外掛程式，移動上下鍵可以選擇乙個預設安裝，如果不需要或者自己配置，選擇最後一項，按回車
2.選擇需要安裝的外掛程式，移動上線鍵，按空格鍵切換選中之後儲存，這裡我選擇babel、router、vuex、css pre-processors這四個外掛程式，按回車到下一步
3.是否按照history的方式建立路由，我選擇否，回車下一步
4.選擇css預編譯工具，我選擇less，回車下一步
5.這些元件的配置檔案是放在乙個package.json中還是分開放，我選第一項分開放，回車下一步
6.重點來了，重點來了，重點來了，重要的事情說三遍！
這裡會問你是否需要儲存預設並用到以後的專案中，我選擇yes，回車下一步
7.問你儲存的preset的名字是什麼，我設為testpreset，回車下一步直到安裝完成。
在你設定儲存預設的時候系統會自動生成乙個.vuerc的檔案，一般在c盤，可以在c盤全域性搜尋並找到這個檔案，用編輯器開啟可以看到之前做的預設配置
那麼再建立新專案的時候會出現上次預設的外掛程式配置，這樣就省去了再次乙個乙個新增外掛程式的煩惱，如下圖：
紅框部分為上一次預設的配置，選中回車就可以建立和test3同樣配置的專案檔案。當然，你也可以對.vuerc檔案中這些配置進行修改，刪除。修改之後的缺省會再下一次新建專案的時候生效。可以拷貝這個檔案到別的電腦，這樣在新建專案的時候也會使用同樣的預設，遠端預設還在研究，後續會加上遠端預設怎麼操作。
vue cli3檢視webpack預設配置
前言 從vue cli3.0 版本開始，取消了 build 和 config 資料夾，webpack相關的配置被隱藏了起來。要對 webpack 做個性化配置，需要在根目錄建立vue.config.js 檔案進行配置覆蓋。但是我們怎麼知道 vue cli 內建了什麼樣的配置呢？vue cli 官方提...
vue cli 3學習要點
只整理了一下vue cli 3的基礎內容部分，其他的見官網 一 簡介vue3 1.它可以通過 vue create 快速建立乙個新專案的腳手架，或者直接通過 vue serve 構建新想法的原型，不需要vue2.0那樣用webpack來構建專案 2.在專案建立的過程中，你也會被提示選擇喜歡的包管理器...
vue cli3建立專案
預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...