vue Cli 環境刪除與重灌教學 - 版本檔案

2020-09-12 09:00:09

vue-cli 解除安裝，版本選擇，安裝 · 檢測（圖文教學：vue Cli 環境刪除與重灌）

重要說明：

vue-cli 3.0+版本，使用的不是vue-cli，而是@vue/cli；

如果用以上的安裝命令安裝的並不是最新版的3.0+的，而如果安裝3.0的話就需要使用新的命令。

vue-cli 的解除安裝：

如果原來已經安裝了vue-cli的話需要先解除安裝原來的安裝

npm uninstall vue-cli -g

vue-cli 的安裝：

1. 版本低於3.0 （vue-cli<3.0)

npm install vue-cli -g

2. 版本高於3.0 （vue-cli≥3.0+)

npm install @vue/cli -g

3. vue-cli的版本檢視：vue -V (字母-V大寫)

Vue CLI 官方介紹：

中文檔案

英文檔案

cmd 命令 · 執行圖鑑：

補充知識：使用vue-cli構建 webpack打包工具時，生產環境下，每次build時，刪除dist目錄，並重新生成，以防dist目錄檔案越來越多。

首先，需要使用webpack的外掛CleanWebpackPlugin，安裝命令如下：

npm install --save-dev clean-webpack-plugin

其次，需要在生產環境提供的檔案：build/webpack.prod.conf.js的plugins節點下新增如下程式碼：

　 new CleanWebpackPlugin(

　　['dist'],　 //匹配刪除的檔案
　　{　　
　　　　root：path.resolve(__dirname,'../')   //根目錄
　　　　verbose：true，                 //是否啟用控制檯輸出資訊
　　　　dry:     false,                  //設定為false,啟用刪除檔案
　　}
 ),

以上這篇vue Cli 環境刪除與重灌教學 - 版本檔案就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援it145.com。

vue Cli 環境刪除與重灌教學 - 版本檔案

熱門文章