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ǔ)充知識(shí)：使用vue-cli構(gòu)建 webpack打包工具時(shí)，生產(chǎn)環(huán)境下，每次build時(shí)，刪除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， //是否啟用控制臺(tái)輸出信息
dry: false, //設(shè)置為false,啟用刪除文件
}
),
以上這篇vue Cli 環(huán)境刪除與重裝教程 - 版本文檔就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue 是一個(gè)完全支持組件化開發(fā)的框架， 組件之間可以進(jìn)行相互的引用，這篇文章主要介紹了vue中注冊組件的兩種方式詳解(全局注冊&& 局部注冊),需要的朋友可以參考下2023-06-06
最近在學(xué)vue,試著寫個(gè)單頁應(yīng)用,在寫組件,拆分組件時(shí)遇到一些困惑,下面這篇文章主要給大家介紹了關(guān)于vue中拆分組件的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
Vue中一個(gè)組件調(diào)用其他組件的方法詳解(非父子組件)
vue中最常見子父組件產(chǎn)值,大家一定都很熟悉,最近項(xiàng)目中碰到非父組件中調(diào)用子組件方法的問題,這篇文章主要給大家介紹了關(guān)于Vue中一個(gè)組件調(diào)用其他組件的方法(非父子組件),需要的朋友可以參考下2022-10-10
今天給大家分享的是，如何在最短的時(shí)候內(nèi)實(shí)現(xiàn)右鍵菜單。高效實(shí)現(xiàn)需求，避免重復(fù)造輪子。感興趣的可以了解一下2021-10-10
我們知道ref可以用于創(chuàng)建一個(gè)響應(yīng)式數(shù)據(jù),而toRef也可以創(chuàng)建一個(gè)響應(yīng)式數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于Vue3中ref與toRef區(qū)別的相關(guān)資料,需要的朋友可以參考下2021-06-06
相信tab切換對于大家來說都不算陌生，后臺(tái)管理系統(tǒng)中多會(huì)用到。如果不知道的話，可以看一下瀏覽器上方的標(biāo)簽頁切換，大概效果就是這樣。2021-05-05
在Vue3中實(shí)現(xiàn)子組件向父組件傳遞數(shù)據(jù)的代碼示例
Vue3作為目前最熱門的前端框架之一,以其輕量化、易用性及性能優(yōu)勢吸引了大量開發(fā)者,在開發(fā)過程中,不可避免地需要在組件之間傳遞數(shù)據(jù),本文將詳細(xì)講解在Vue3中如何實(shí)現(xiàn)子組件向父組件傳遞數(shù)據(jù),并通過具體示例代碼使概念更加清晰2024-07-07
Vue多頁面配置打包性能優(yōu)化方式(解決加載包太大加載慢問題)
這篇文章主要介紹了Vue多頁面配置打包性能優(yōu)化方式(解決加載包太大加載慢問題)，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
vue項(xiàng)目input標(biāo)簽checkbox,change和click綁定事件的區(qū)別說明
這篇文章主要介紹了vue項(xiàng)目input標(biāo)簽checkbox,change和click綁定事件的區(qū)別說明，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了Vue-組件自定義事件的綁定和解綁，文中有詳細(xì)的圖文實(shí)例，對學(xué)習(xí)或工作有一定的參考價(jià)值，需要的小伙伴可以閱讀下2023-05-05