前言

提示：這里可以添加本文要記錄的大概內(nèi)容：

新機(jī)安裝 nvm 后運(yùn)行前端vue

不要下 Node.js

我使用NVM來安裝Node.js，主要是為了解決一個特定的報錯：當(dāng)我直接安裝Node.js并嘗試使用npm時，遇到了一個錯誤，提示 “npm : 無法將“npm”項識別為 cmdlet、函數(shù)、腳本文件或可運(yùn)行程序的名稱”。
遇到npm命令未識別的錯誤后，我改用nvm安裝Node.js，因為它能自動處理路徑問題，避免手動配置出錯，確保環(huán)境穩(wěn)定。

項目場景一

提示：以下是本篇文章正文內(nèi)容，下面案例可供參考

項目運(yùn)行出現(xiàn)這個bug：

Error from chokidar (D:\): Error: EBUSY: resource busy or locked, istat 'D:\Dumpstack.log.tmp'

resource busy or locked 表示資源被鎖定

重啟電腦后還是這個報錯

經(jīng)過大佬指點：node版本不對，換低版本的就好了

下面直接說解決辦法（降低node.js版本）以及VUE項目需要怎么運(yùn)行

項目場景二

首先我 npm install 在當(dāng)前項目中安裝所需的依賴包，結(jié)果報錯

隨后嘗試在別的地方下載14.21.3版本，然后使用nvm use 14.21.3（我的項目需要這個版本）

然后我查詢當(dāng)前系統(tǒng)中安裝的 Node Package Manager（npm）的版本號npm -v，結(jié)果還是報錯

因為我前面已經(jīng)使用了14.21.3版本的Node了

解決方案：

所以，我是直接找到 nvm 安裝位置，直接刪了重新下，這個過程需要等幾分鐘

下載 nvm

NVM 是一個用于在同一個系統(tǒng)上管理多個 Node.js 版本的工具。

Node.js 可以通過不同的方式安裝，nvm 它允許你輕松切換 Node.js 版本，因為不同的項目，所需Node版本不同

下載nvm下載，我選的是.exe，傻瓜式安裝即可

安裝后在cmd中輸入nvm version，能查到版本號說明安裝成功了

在終端輸入 nvm list available， 查看 node 可以安裝的版本。

即便上面沒有所需要的版本，直接輸入nvm install 版本號也可以下載
選擇一個版本安裝，比如 nvm install 18.15.0

輸入nvm list 查看已經(jīng)安裝的 node，*號表示當(dāng)前使用的 node 版本

如果要使用下面的14.8.0這個版本就nvm use 14.8.0

安裝 nvm

該安裝路徑

點擊安裝，點擊結(jié)束

重新下載所需Node 版本

這時候nvm list 可以看到什么都沒有

然后再重新下載 14.21.3版本

cmd運(yùn)行命令提示符，使用該版本，查看npm版本號：這時候是有npm的，6.14.18的版本

但是在WebStorm 里面運(yùn)行就顯示報錯

這里是直接打開文件所在位置

在Vue文件夾里直接cmd

這時候再npm install

如果npm install在文件所在位置也不成功，可以試試：管理員打開cmd，強(qiáng)制安裝（臨時解決）
使用 --legacy-peer-deps 忽略版本沖突（可能導(dǎo)致運(yùn)行時錯誤）

npm install --legacy-peer-deps

需要幾分鐘時間
結(jié)束后在 WebStorm 中運(yùn)行

等運(yùn)行完再運(yùn)行npm run serve就好了

nvm常用命令

nvm常用命令——正在更新中~ 

WebStorm 里的配置

• 瀏覽器解決跨域問題：
  右鍵瀏覽器發(fā)送到桌面快捷方式，屬性→快捷方式→目標(biāo)位置
  前面有空格

--args --disable-web-security --user-data-dir="C:/ChromeDevSession"

項目結(jié)構(gòu)說明

以上就是使用NVM下載Node.js管理多版本的詳細(xì)教程(附圖文)的詳細(xì)內(nèi)容，更多關(guān)于NVM下載Node.js管理多版本的資料請關(guān)注腳本之家其它相關(guān)文章！

最新評論