安裝VUE-CLI一直失敗的排錯(cuò)過程及解決方案
安裝VUE-CLI一直失敗的排錯(cuò)過程
昨天，裝了一天的vue-cli 都沒安裝成功。
根據(jù)報(bào)錯(cuò)信息搜索答案，強(qiáng)制清理緩存，卸載nodejs什么的都試過了，還是一直出錯(cuò)
仔細(xì)研讀出錯(cuò)信息。
發(fā)現(xiàn)反復(fù)提到一個(gè)文件夾
C:\Users\Y\AppData\Roaming
本著 重裝解決99%的問題的原則，一狠心，就把這個(gè)文件夾C:\Users\Y\AppData\Roaming下的所有有關(guān) npm,node的文件夾都刪除了，不僅是Roaming,只要是在AppData文件夾的，文件名是npm,node的我都刪除了。
把nodejs卸載掉。開始重裝
下面是重裝的幾個(gè)注意事項(xiàng)
選擇.msi文件
下載好之后選擇 路徑然后一直next .不用管，next就行
用這種方式安裝，環(huán)境變量會(huì)幫我們自動(dòng)配置好的。
然后cmd查看版本
node -v npm -v
有版本號(hào)說明安裝成功了
關(guān)鍵點(diǎ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,并會(huì)自動(dòng)創(chuàng)建node_global目錄，而node_cache目錄是緩存目錄，會(huì)在你下載全局包時(shí)自動(dòng)創(chuàng)建
如果提示保存，就用管理員權(quán)限打開cmd再操作一次。
安裝vue-cli成功安裝了。
使用vue命令提示：
‘vue’ 不是內(nèi)部或外部命令，也不是可運(yùn)行的程序
或批處理文件
這是因?yàn)槲覀冊趫?zhí)行指令時(shí)，它會(huì)默認(rèn)在node安裝根目錄下查找指令文件，在這里就是vue.cmd，然后還會(huì)在node安裝根目錄下的node_modules下查找依賴包文件夾，在這里就是@vue文件夾，因?yàn)槲覀冃薷牧巳职拇娣怕窂剑宰匀徽也坏搅?，所以我們需要把我們指定的全局包存放路徑添加到系統(tǒng)環(huán)境變量，這樣就可以找到了
就OK了
關(guān)閉CMD窗口后重新打開。
vue -V
就可以看到當(dāng)前vue腳手架的版本信息了
注意：
如果vue create 項(xiàng)目 失敗，報(bào)錯(cuò)了
就用管理員打開cmd再嘗試一次就可以了
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家學(xué)習(xí)介紹了Vue3如何使用echarts實(shí)現(xiàn)繪制折線圖,文中有詳細(xì)的示例代碼供大家參考,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-07-07
這篇文章主要介紹了vue如何獲取自定義元素屬性參數(shù)值的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
websocket實(shí)現(xiàn)的全雙工通信,真真太香了,下面這篇文章主要給大家介紹了關(guān)于前端之vue3使用WebSocket的詳細(xì)步驟,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
vue3中實(shí)現(xiàn)使用element-plus調(diào)用message
這篇文章主要介紹了vue3中實(shí)現(xiàn)使用element-plus調(diào)用message，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
Axios是一個(gè)基于Promise用于瀏覽器和nodejs的HTTP客戶端,本質(zhì)上也是對原生XHR的封裝,只不過它是Promise的實(shí)現(xiàn)版本,符合最新的ES規(guī)范,下面這篇文章主要給大家介紹了關(guān)于vue中使用axios最詳細(xì)教程的相關(guān)資料,需要的朋友可以參考下2022-08-08
vue 使用插槽分發(fā)內(nèi)容操作示例【單個(gè)插槽、具名插槽、作用域插槽】
這篇文章主要介紹了vue 使用插槽分發(fā)內(nèi)容操作,結(jié)合實(shí)例形式總結(jié)分析了vue.js使用單個(gè)插槽、具名插槽、作用域插槽相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2020-03-03
快速解決electron-builder打包時(shí)下載依賴慢的問題
使用 Electron-builder 打包,有時(shí)會(huì)在下載Electron、nsis、winCodeSign的過程中 Timeout 導(dǎo)致打包失敗,本文給大家分享快速解決electron-builder打包時(shí)下載依賴慢的問題,感興趣的朋友一起看看吧2024-02-02
vue-draggable實(shí)現(xiàn)pc端拖拽效果
這篇文章主要為大家詳細(xì)介紹了vue-draggable實(shí)現(xiàn)pc端拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
Vue 解決多級(jí)動(dòng)態(tài)面包屑導(dǎo)航的問題
今天小編就為大家分享一篇Vue 解決多級(jí)動(dòng)態(tài)面包屑導(dǎo)航的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
vue項(xiàng)目每30秒刷新1次接口的實(shí)現(xiàn)方法
在vue.js項(xiàng)目中，經(jīng)常需要對數(shù)據(jù)實(shí)時(shí)更新——每隔xx秒需要刷新一次接口——即需要用到定時(shí)器相關(guān)原理。這篇文章主要介紹了vue項(xiàng)目每30秒刷新1次接口的實(shí)現(xiàn)方法,需要的朋友可以參考下2018-12-12