安裝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)槲覀冊(cè)趫?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)文章
vue實(shí)現(xiàn)動(dòng)態(tài)控制el-table表格列的展示與隱藏
這篇文章主要介紹了vue實(shí)現(xiàn)動(dòng)態(tài)控制el-table表格列的展示與隱藏，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
下面小編就為大家分享一篇vue2.0 axios跨域并渲染的問題解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了Element Backtop回到頂部的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
本文主要介紹了vue3清空reactive的四種方式,包含使用?Object.assign,使用?Object.keys?和?for...in?循環(huán),使用?delete?操作符和重新賦值4種,感興趣的可以了解一下2024-03-03
本文主要介紹了vue3整合springboot打完整jar包,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-09-09
element el-table如何實(shí)現(xiàn)表格動(dòng)態(tài)增加/刪除/編輯表格行(帶校驗(yàn)規(guī)則)
這篇文章主要介紹了element el-table如何實(shí)現(xiàn)表格動(dòng)態(tài)增加/刪除/編輯表格行(帶校驗(yàn)規(guī)則),本篇文章記錄el-table增加一行可編輯的數(shù)據(jù)列,進(jìn)行增刪改,感興趣的朋友跟隨小編一起看看吧2024-07-07
el-table 選擇框根據(jù)條件設(shè)置某項(xiàng)不可選中的操作代碼
這篇文章主要介紹了el-table 選擇框根據(jù)條件設(shè)置某項(xiàng)不可選中的操作代碼,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-03-03
詳解Vue+elementUI build打包部署后字體圖標(biāo)丟失問題
這篇文章主要介紹了詳解Vue+elementUI build打包部署后字體圖標(biāo)丟失問題，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
Vue2.x 使用 EventBus 進(jìn)行組件通信，而 Vue3.x 推薦使用 mitt.js。本文就介紹一下mitt.js的具體使用方法，感興趣的可以了解一下2021-06-06
這篇文章主要介紹了vue3.0 項(xiàng)目搭建和使用流程，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下2021-03-03