前言

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

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

不要下 Node.js

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

項(xiàng)目場(chǎng)景一

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

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

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

resource busy or locked 表示資源被鎖定

重啟電腦后還是這個(gè)報(bào)錯(cuò)

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

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

項(xiàng)目場(chǎng)景二

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

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

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

因?yàn)槲仪懊嬉呀?jīng)使用了14.21.3版本的Node了

解決方案：

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

下載 nvm

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

Node.js 可以通過不同的方式安裝，nvm 它允許你輕松切換 Node.js 版本，因?yàn)椴煌捻?xiàng)目，所需Node版本不同

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

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

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

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

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

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

安裝 nvm

該安裝路徑

點(diǎn)擊安裝，點(diǎn)擊結(jié)束

重新下載所需Node 版本

這時(shí)候nvm list 可以看到什么都沒有

然后再重新下載 14.21.3版本

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

但是在WebStorm 里面運(yùn)行就顯示報(bào)錯(cuò)

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

在Vue文件夾里直接cmd

這時(shí)候再npm install

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

npm install --legacy-peer-deps

需要幾分鐘時(shí)間
結(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"

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

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

最新評(píng)論