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 命令 · 運(yùn)行圖鑒:
補(bǔ)充知識:使用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é)點(diǎn)下添加如下代碼:
new CleanWebpackPlugin( ['dist'], //匹配刪除的文件 { root:path.resolve(__dirname,'../') //根目錄 verbose:true, //是否啟用控制臺輸出信息 dry: false, //設(shè)置為false,啟用刪除文件 } ),
以上這篇vue Cli 環(huán)境刪除與重裝教程 - 版本文檔就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue項(xiàng)目history模式下部署子路由跳轉(zhuǎn)失敗的解決
這篇文章主要介紹了vue項(xiàng)目history模式下部署子路由跳轉(zhuǎn)失敗的解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-03-03解決vue elementUI中table里數(shù)字、字母、中文混合排序問題
這篇文章主要介紹了vue elementUI中table里數(shù)字、字母、中文混合排序問題,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-01Vue2過渡標(biāo)簽transition使用動畫方式
這篇文章主要介紹了Vue2過渡標(biāo)簽transition使用動畫方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07Vue element-UI el-select循環(huán)選中的問題
這篇文章主要介紹了Vue element-UI el-select循環(huán)選中的問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-10-10解讀Vue3中keep-alive和動態(tài)組件的實(shí)現(xiàn)邏輯
這篇文章主要介紹了Vue3中keep-alive和動態(tài)組件的實(shí)現(xiàn)邏輯,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-05-05vue實(shí)現(xiàn)excel文件的導(dǎo)入和讀取完整步驟
Vue的數(shù)據(jù)綁定功能非常強(qiáng)大,很適合用來讀取Excel內(nèi)容,這篇文章主要給大家介紹了關(guān)于vue實(shí)現(xiàn)excel文件的導(dǎo)入和讀取的相關(guān)資料,文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10