前言

記錄vue/cli腳手架搭建項(xiàng)目所涉及的vue/cli、node、npm依賴版本等問題

先說依賴版本：
vue/cli 3.12.0
node14.21.3
npm6.14.18
注意： node和npm需要版本匹配，也就是下載node安裝包，就會(huì)自帶安裝npm，不可制定升級(jí)某個(gè)版本npm；
否則會(huì)導(dǎo)致腳手架創(chuàng)建項(xiàng)目失敗和vue項(xiàng)目啟動(dòng)失敗和npm下載依賴不支持

具體步驟和問題如下：

一、安裝vue/cli腳手架

1.安裝指定版本腳手架，我是用的3.12.0版本

按住shift——鼠標(biāo)右鍵，就可以打開Windows PowerShell

npm install -g @vue/cli@3.12.0

2.查看版本是否安裝成功，成功有版本號(hào)

安裝完成后查看 使用過 vue -V 查看vue/cli版本號(hào)

2.1問題：安裝失敗

2.1.1問題：如果查看找不到版本，使用命令行創(chuàng)建項(xiàng)目vue create my-demo也無效
或者在用腳手架搭建vue項(xiàng)目時(shí)，提示：
無法加載文件C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因?yàn)樵诖讼到y(tǒng)禁止運(yùn)行腳本這是你筆記本禁止運(yùn)行腳本。

2.2解決方案

2.2.1 需要用管理員方式打開Windows PowerShell

2.2.2輸入set-ExecutionPolicy RemoteSigned，然后選擇 Y 回車

然后在查看vue -V版本號(hào)就正常了，也可以直接腳手架創(chuàng)建項(xiàng)目了。

2.3 安裝成功

至此，vue/cli腳手架就安裝成功了

二、安裝指定node和npm

node中文官網(wǎng)

1.為什么需要安裝指定node和npm版本，同時(shí)匹配vue/cli版本？

如果node和npm版本不匹配，會(huì)導(dǎo)致兩個(gè)問題：

1.1vue/cli創(chuàng)建項(xiàng)目時(shí)候，報(bào)錯(cuò)npm WARN npm npm does not support Node. js v14. 21.3，npm支不支持node不匹配

1.2vue項(xiàng)目，npm install 安裝依賴也會(huì)報(bào)錯(cuò)，下載不了依賴

如果npm和vue/cli版本不匹配，會(huì)導(dǎo)致一個(gè)問題：

1.3vue create my-demo創(chuàng)建vue項(xiàng)目時(shí)候失敗，報(bào)錯(cuò)如下：
command failed: npm install --loglevel error；
npm ERR!Invalid dependency type requested: alias

如果node和vue/cli版本不匹配（在啟動(dòng)vue項(xiàng)目時(shí)候，如果失敗會(huì)提醒你需要哪個(gè)node版本），會(huì)導(dǎo)致一個(gè)問題：

1.4vue項(xiàng)目啟動(dòng)運(yùn)行失敗，報(bào)錯(cuò)：
ERROR You are using Node v10.15.3, but vue-cli-service reguires Node ^12.0.0= 14.0.0. Please upgrade your Node version .

2.如何安裝node和npm匹配的版本？（node14.21.3 npm6.14.18）

直接去官網(wǎng)下載完成node的zip包，解壓后包含自帶npm包，這就是匹配版本。替換你來node安裝的文件即可。

3.1進(jìn)入node中文官網(wǎng)，點(diǎn)擊其他下載

node中文官網(wǎng)

3.2先前所有已發(fā)布版本

3.3找到自己需要的版本

這里就是自帶npm，是相匹配的版本。

3.4下載對(duì)應(yīng)的zip安裝包

3.5解壓里面就有node和npm

3.6使用cmd，命令輸入where node，找到你原來node安裝地址

3.7復(fù)制上方node.js地址，選中所有刪除

3.8將解壓的新node所有文件復(fù)制到原node文件夾

注意：復(fù)制前，需要關(guān)閉所有涉及node的運(yùn)行文件，例如你的項(xiàng)目、vscode、PowerShell等

3.9 需要管理員權(quán)限

其實(shí)就是需要你先關(guān)閉所有的node文件，然后點(diǎn)擊繼續(xù)，就會(huì)復(fù)制進(jìn)去文件；但是有可能只復(fù)制了部分文件，需要一直點(diǎn)擊繼續(xù)，直到全部復(fù)制完成。

3.10 至此node和npm完成安裝

總結(jié)

一定要保證，node和npm版本匹配，然后和vue/cli也匹配（在啟動(dòng)vue項(xiàng)目時(shí)候，如果失敗會(huì)提醒你需要哪個(gè)node版本）文章來源地址http://www.zghlxwxcb.cn/news/detail-607401.html

到了這里，關(guān)于windows系統(tǒng)安裝指定的vue/cli、node和npm；vue/cli腳手架搭建項(xiàng)目所涉及的vue/cli、node、npm依賴版本等問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！