【Vue】自定義cli模板

摘要： 微信訂閱號：Rabbit_svip 在建立vue模板的時候，可以自定義所需模組。 還可以把常用模組的選項儲存好，以便下次建立新模板的時候能直接使用。 本節目錄 建立專案，儲存模板選項 刪除模板選項 1、建立專案 ...

在建立vue模板的時候，可以自定義所需模組。

還可以把常用模組的選項儲存好，以便下次建立新模板的時候能直接使用。

本節目錄

1. 建立專案，儲存模板選項
2. 刪除模板選項

1、建立專案

詳情可以檢視 【Vue-cli 3.x】建立vue專案

以下建立操作Windows和Mac一樣。

按下回車，進入下一步

可以看到，這裡有兩個選項

default是預設選項，裡面包含babel和eslint

Manually select features是自定義。

這裡需要選擇第二項。

按上下尖頭，指向所需要的模組，按下空格鍵選中（前面有個綠色點代表選中）

選完之後，按下回車鍵。然後一路根據所需進行配置。

直到出現紅框所示內容，輸入“y”。

這樣就把模板儲存好了。

下次需要建立專案的時候就能直接選擇上次使用過的模板選項了。

2、刪除模板選項

Windows版

這裡儲存過一個模板名為：router-demo。

首先找到儲存模板資訊的檔案（.vuerc)。

C:\Users\Administrator

在這個路徑下，可以看到一個叫：.vuerc 的檔案。

.vuerc是一個隱藏檔案，不知道怎麼檢視隱藏檔案的請自行百度。

用編輯器開啟它。

要刪除這個模板，把裡面的內容全部刪掉，最後留下一對花括號就行了（記得儲存）。

當再次建立專案的時候，之前儲存的模板就沒了。

Mac版

首先在“偏好設定”裡面把當前使用者的資料夾顯示出來。

然後根據下圖說明操作就能找到 .vuerc檔案。

在Mac上要顯示預設檔案，需要按快捷鍵： command + shift + .

剩下的操作和Windows版相同。