vue Cli 環(huán)境刪除與重裝教程 - 版本文檔
vue-cli 卸載,版本選擇,安裝 · 檢測(圖文教程:vue Cli 環(huán)境刪除與重裝)
重要說明:
vue-cli 3.0+版本,使用的不是vue-cli,而是@vue/cli;
如果用以上的安裝命令安裝的并不是最新版的3.0+的,而如果安裝3.0的話就需要使用新的命令。
vue-cli 的 卸載:
如果原來已經(jīng)安裝了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構(gòu)建 webpack打包工具時,生產(chǎn)環(huán)境下,每次build時,刪除dist目錄,并重新生成,以防dist目錄文件越來越多。
首先,需要使用webpack的插件CleanWebpackPlugin,安裝命令如下:
npm install --save-dev clean-webpack-plugin
其次,需要在生產(chǎn)環(huán)境提供的文件:build/webpack.prod.conf.js的plugins節(jié)點下添加如下代碼:
new CleanWebpackPlugin(
['dist'], //匹配刪除的文件
{
root:path.resolve(__dirname,'../') //根目錄
verbose:true, //是否啟用控制臺輸出信息
dry: false, //設(shè)置為false,啟用刪除文件
}
),
以上這篇vue Cli 環(huán)境刪除與重裝教程 - 版本文檔就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue中一個組件調(diào)用其他組件的方法詳解(非父子組件)
vue中最常見子父組件產(chǎn)值,大家一定都很熟悉,最近項目中碰到非父組件中調(diào)用子組件方法的問題,這篇文章主要給大家介紹了關(guān)于Vue中一個組件調(diào)用其他組件的方法(非父子組件),需要的朋友可以參考下2022-10-10
在Vue3中實現(xiàn)子組件向父組件傳遞數(shù)據(jù)的代碼示例
Vue3作為目前最熱門的前端框架之一,以其輕量化、易用性及性能優(yōu)勢吸引了大量開發(fā)者,在開發(fā)過程中,不可避免地需要在組件之間傳遞數(shù)據(jù),本文將詳細講解在Vue3中如何實現(xiàn)子組件向父組件傳遞數(shù)據(jù),并通過具體示例代碼使概念更加清晰2024-07-07
Vue多頁面配置打包性能優(yōu)化方式(解決加載包太大加載慢問題)
這篇文章主要介紹了Vue多頁面配置打包性能優(yōu)化方式(解決加載包太大加載慢問題),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-01-01
vue項目input標簽checkbox,change和click綁定事件的區(qū)別說明
這篇文章主要介紹了vue項目input標簽checkbox,change和click綁定事件的區(qū)別說明,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08

