在vue2與vue3項(xiàng)目開發(fā)中,經(jīng)常遇到一個(gè)問題。node版本過低或是node版本過高的情況,如下圖報(bào)錯(cuò):

使用 nvm 管理node版本
1. 完全刪除之前的node及npm(清理干凈Node: 應(yīng)用程序,緩存的文件,環(huán)境變量 )
2. 下載nvm NVM下載 - NVM中文網(wǎng) (uihtm.com)

3. 下載完成后,解壓zip文件,右鍵 nvm-setup.exe 文件,點(diǎn)擊“以管理員身份打開”,然后進(jìn)行安裝

4. 選擇安裝nvm路徑 以及 nodejs 下載路徑 (我這里是選擇同一個(gè)路徑 C:\nvm )


5. 安裝完成以后,打開cmd,輸入 nvm -v? 能看到nvm版本號(hào),就代表安裝成功了

以下是 nvm 的常用操作指令:
1)查看可在線安裝的NodeJS版本
nvm list available
2)安裝指定版本的 Node.js
nvminstall<version>
3)切換到指定版本的 Node.js。
nvm use <version> ? ?
4)列出已安裝的所有 Node.js 版本
nvm ls 或 nvm list ? ? ?
5)卸載指定的 Node.js 版本
nvm uninstall <version>
----在沒有安裝node安裝版本之前,nvm list 是沒有任何版本的
6. 通過nvm install <version> 命令指定安裝版本? ,我自己vue2與vue3開發(fā),分別使用的是 v16.20.0 和 v18.16.0 版本
接下分別安裝,v16.20.0 和 v18.16.0 版本;

這時(shí)候再次執(zhí)行 nvm list 就能看到我們,剛剛所有安裝的node版本了

7. 上述已經(jīng)安裝了node版本,但還需要指定使用的node版本 ,通過 nvm use <version>? 來指定node版本

這樣就可以了,再次執(zhí)行 npm list 命令時(shí),我們可以看到 v16.20.0 前面多加了一個(gè) * 號(hào),這代表當(dāng)前使用的node版本

接下要啟動(dòng)的是vue2項(xiàng)目,所有將node版本指定為了16.20.0 ;如是 vue3項(xiàng)目可以指定為18.16.0版本。
這時(shí)候我們?cè)俅螁?dòng)項(xiàng)目,就不會(huì)再出現(xiàn),Node.js v18.16.0 info Visit https://yarnpkg.com/en/docs/cli/run fo documentation about this command.報(bào)錯(cuò)了
