vue-cli2.x舊版本卸載不掉的問題踩坑指南(附Vue腳手架安裝教程)
舊版本卸載
問題說明
vue2.x腳手架舊版本卸載不掉的問題:(卸載命令運(yùn)行后輸入vue --version仍一直顯示舊版本)
問題解釋
首先明確一點(diǎn),卸載不掉肯定說明你的電腦中至少有兩個(gè)地方存在腳手架,而你的卸載操作只是卸載了其中之一。而出現(xiàn)這個(gè)情況的原因,一般來說是你在npm的默認(rèn)路徑下安裝過腳手架,在配置了npm全局安裝路徑之后又安裝過腳手架,所以有兩個(gè)腳手架。(順帶一提,這樣的情況提示的都是默認(rèn)安裝路徑下的vue腳手架版本)
問題解決
所以關(guān)鍵的問題就是去卸載npm默認(rèn)安裝路徑下的vue腳手架,步驟如下
查看C:\Users\Administrator\AppData\Roaming\npm\node_modules下是否有vue-cli,@vue,刪除它查看C:\Users\Administrator\AppData\Roaming\npm下是否有npm相關(guān)文件,刪除(可參考下圖我的回收站中的文件及他們的原地址)

重新查看vue版本,提示’vue’ 不是內(nèi)部或外部命令,也不是可運(yùn)行的程序或批處理文件,此時(shí)可安裝新版本。如果提示vue路徑問題,表示第2步中你沒刪干凈 腳手架安裝
首先,確保已安裝node.js,且已配置環(huán)境變量(我的nodejs環(huán)境變量E:\develop\node.js)
設(shè)置npm的默認(rèn)全局安裝路徑和緩存路徑,我的設(shè)置如下
- npm config set prefix “E:\develop\node.js\node_global”
- npm config set cache “E:\develop\node.js\node_cacle”
建議配置npm淘寶鏡像,提高下載速度npm config set registry https://registry.com.taobao.org,如果忘記自己是否配置過,可通過npm config get registry查看

以管理員身份運(yùn)行cmd,執(zhí)行npm install -g @vue/cli(3.x版本及以上的腳手架)

有警告沒事,不是你的問題
配置環(huán)境變量,也就是將第二步中的prefix路徑添加到環(huán)境變量中(我這里即為E:\develop\node.js\node_global)
使用vue --verion命令查看是否安裝成功新版本(注意要先關(guān)閉當(dāng)前cmd窗口,重新打開)

現(xiàn)在可以創(chuàng)建vue腳手架了,cmd進(jìn)入要?jiǎng)?chuàng)建項(xiàng)目的文件夾,執(zhí)行vue create 項(xiàng)目名。
ps:最后一個(gè)問題,如果使用vue命令時(shí)提示你node版本太低,更新node版本就好了。
總結(jié)
到此這篇關(guān)于vue-cli2.x舊版本卸載不掉的問題踩坑的文章就介紹到這了,更多相關(guān)vue-cli2.x舊版本卸載不掉內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
vue2+springsecurity權(quán)限系統(tǒng)的實(shí)現(xiàn)
本文主要介紹了vue2+springsecurity權(quán)限系統(tǒng)的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
elementui源碼學(xué)習(xí)仿寫一個(gè)el-tooltip示例
本篇文章記錄仿寫一個(gè)el-tooltip組件細(xì)節(jié),從而有助于大家更好理解餓了么ui對(duì)應(yīng)組件具體工作細(xì)節(jié),本文是elementui源碼學(xué)習(xí)仿寫系列的又一篇文章,后續(xù)空閑了會(huì)不斷更新并仿寫其他組件2023-07-07
使用vuedraggable實(shí)現(xiàn)從左向右拖拽功能
這篇文章主要為大家詳細(xì)介紹了使用vuedraggable實(shí)現(xiàn)從左向右拖拽功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04
vue echarts實(shí)現(xiàn)綁定事件和解綁事件
這篇文章主要介紹了vue echarts實(shí)現(xiàn)綁定事件和解綁事件方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06
vue-cli2與vue-cli3在一臺(tái)電腦共存的實(shí)現(xiàn)方法
這篇文章主要介紹了vue-cli2與vue-cli3在一臺(tái)電腦共存的實(shí)現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09

