安裝VUE-CLI一直失敗的排錯過程及解決方案
安裝VUE-CLI一直失敗的排錯過程
昨天,裝了一天的vue-cli 都沒安裝成功。
根據(jù)報錯信息搜索答案,強制清理緩存,卸載nodejs什么的都試過了,還是一直出錯
仔細研讀出錯信息。
發(fā)現(xiàn)反復(fù)提到一個文件夾
C:\Users\Y\AppData\Roaming
本著 重裝解決99%的問題的原則,一狠心,就把這個文件夾C:\Users\Y\AppData\Roaming下的所有有關(guān) npm,node的文件夾都刪除了,不僅是Roaming,只要是在AppData文件夾的,文件名是npm,node的我都刪除了。
把nodejs卸載掉。開始重裝
下面是重裝的幾個注意事項
選擇.msi文件
下載好之后選擇 路徑然后一直next .不用管,next就行
用這種方式安裝,環(huán)境變量會幫我們自動配置好的。
然后cmd查看版本
node -v npm -v
有版本號說明安裝成功了
關(guān)鍵點
修改全局配置
npm config set prefix "C:\node\node_global"
npm config set cache "C:\node\node_cache"
以上操作表示,修改全局包下載目錄為C:\node\node_global,緩存目錄為C:\node\node_cache,并會自動創(chuàng)建node_global目錄,而node_cache目錄是緩存目錄,會在你下載全局包時自動創(chuàng)建
如果提示保存,就用管理員權(quán)限打開cmd再操作一次。
安裝vue-cli成功安裝了。
使用vue命令提示:
‘vue’ 不是內(nèi)部或外部命令,也不是可運行的程序
或批處理文件
這是因為我們在執(zhí)行指令時,它會默認在node安裝根目錄下查找指令文件,在這里就是vue.cmd,然后還會在node安裝根目錄下的node_modules下查找依賴包文件夾,在這里就是@vue文件夾,因為我們修改了全局包的存放路徑,所以自然找不到了,所以我們需要把我們指定的全局包存放路徑添加到系統(tǒng)環(huán)境變量,這樣就可以找到了
就OK了
關(guān)閉CMD窗口后重新打開。
vue -V
就可以看到當(dāng)前vue腳手架的版本信息了
注意:
如果vue create 項目 失敗,報錯了
就用管理員打開cmd再嘗試一次就可以了
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue3中實現(xiàn)使用element-plus調(diào)用message
這篇文章主要介紹了vue3中實現(xiàn)使用element-plus調(diào)用message,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-09-09vue 使用插槽分發(fā)內(nèi)容操作示例【單個插槽、具名插槽、作用域插槽】
這篇文章主要介紹了vue 使用插槽分發(fā)內(nèi)容操作,結(jié)合實例形式總結(jié)分析了vue.js使用單個插槽、具名插槽、作用域插槽相關(guān)操作技巧與注意事項,需要的朋友可以參考下2020-03-03快速解決electron-builder打包時下載依賴慢的問題
使用 Electron-builder 打包,有時會在下載Electron、nsis、winCodeSign的過程中 Timeout 導(dǎo)致打包失敗,本文給大家分享快速解決electron-builder打包時下載依賴慢的問題,感興趣的朋友一起看看吧2024-02-02