好久沒發(fā)文章了，直到今天終于開始更新了，最近想進(jìn)軍全端，準(zhǔn)備學(xué)習(xí)下vue，但是這東西真的太難了，我用了一天的時(shí)間來解決在配置中遇到的問題！

主要問題：cnpm文件夾和vue-cli文件夾的位置不對并且vue-cli文件夾在復(fù)制的時(shí)候復(fù)制不完全

如果覺得我的敘述很亂的可以直接看最后我的操作流程

先說我主要遇到的問題，如果和我問題不相似的話就沒必要往下面看了，如果不知道自己的問題出在哪里可以看下我的問題，然后去排查下自己的。我用的是cnpm，沒有直接用npm

我的問題是在于進(jìn)行npm install cnpm -g命令時(shí)cnpm沒有裝在c盤（系統(tǒng)盤）用戶的用戶名的AppDate的Roaming下的npm文件下，我的npm是空的，反而這東西裝在了D盤下，然后就是后續(xù)的命令都使得此命令不存在或者還是在D盤下。我這邊的話因?yàn)樵嚵瞬幌聰?shù)十遍，所以沒有截圖，因?yàn)槲叶疾恢雷约合乱淮尉蜁晒?#xff0c;但是我會把具體步驟和方法以及報(bào)錯的內(nèi)容寫出來，跟著我走問題不大！

第一步是去官網(wǎng)下載nodejs。這邊的話我安裝在了D盤（簡單）

第二步在cmd中檢查版本號,建議所有在cmd中的操作都在管理員的身份下運(yùn)行（簡單）

node -v

npm -v

第三步進(jìn)行cnpm的操作，都嫌棄npm太慢了，所以用國內(nèi)的淘寶鏡像來操作（問題所在點(diǎn)）

npm install cnpm -g

問題出現(xiàn)：這個(gè)文件應(yīng)該是在c盤（系統(tǒng)盤）用戶的用戶名的AppDate的Roaming下的npm文件下，（大部分人的位置都應(yīng)該在這邊：C:\Users\administrator\AppData\Roaming\npm）但這里我這邊是空的，最開始我沒管，直接進(jìn)行下一步安裝vue-cli，也就是腳手架：

cnpm install vue-cli -g

但這時(shí)候提示cnpm不是內(nèi)部命令啥的，就是不能用，然后我才明白這東西都沒在C盤的對應(yīng)目錄下自然用不了，然后在進(jìn)行npm install cnpm -g的時(shí)候明顯是成功的，這時(shí)候我再cmd的提示中找到cnpm被下載到了我D盤的node的文件夾下，

然后我把node里的內(nèi)容直接復(fù)制到C:\Users\administrator\AppData\Roaming\npm，這時(shí)候發(fā)現(xiàn)cnpm install vue-cli -g可以運(yùn)行成功

但是vue-cli也下載到了D盤的node下，這個(gè)文件也應(yīng)該在C:\Users\administrator\AppData\Roaming\npm，但是我呢，也沒管，進(jìn)行下一步

vue list

vue list是看下有沒有成功安裝，有是一樣的錯誤，vue不是內(nèi)部命令，我又想?yún)⒄丈厦娴膹?fù)制cnpm一樣把這個(gè)vue-cli也復(fù)制過去，然后也全部復(fù)制過去了，但是我在檢查文件的時(shí)候發(fā)現(xiàn)vue-cli下面的node_modules里面的許多文件夾是空的并且復(fù)制的時(shí)候會卡住不動，然后我就放棄了復(fù)制vue-cli，但里說我vue-cli也成功了就是位置不對并且復(fù)制不了，那后續(xù)的創(chuàng)建vue項(xiàng)目也自然會失敗，于是我直接在這個(gè)d盤的node里創(chuàng)建vue項(xiàng)目，因?yàn)樗枰腸npm和vue-cli這里面都有，自然著這個(gè)文件夾里面創(chuàng)建的vue項(xiàng)目沒問題，于是我去是了一下，

以管理員的的身份進(jìn)入node這個(gè)文件夾的cmd中，依次進(jìn)行下面的操作，然后就成功了

vue init webpack myvue
cd myvue
npm install
npm run dev

進(jìn)行完上面的四步應(yīng)該是如下界面：

這時(shí)候就成功了

操作流程：怕我自己敘述的不明白這邊的話直接簡寫一下，配合上面的內(nèi)容就沒問題

1. cnpm沒有出現(xiàn)在C:\Users\administrator\AppData\Roaming\npm下，解決辦法是在cmd中看提示自己的這個(gè)文件夾在哪邊然后復(fù)制過去

2. vue-cli沒有出現(xiàn)在C:\Users\administrator\AppData\Roaming\npm下，這邊的話復(fù)制會失敗，不管他

3. 在cmd中新建vue項(xiàng)目的時(shí)候咱們這部分人不能隨便新建，只可以在存在cnpm和vue-cli的根目錄下建立

4. 成功

這玩意折磨我一天，真的太難受了，我的nodejs下載的是最新版本18.x.x的，如果和我問題一樣，按照我的方法來絕對問題不大，第一個(gè)vue程序已經(jīng)在向你招手了！