一、NVM介紹

1. NVM簡(jiǎn)介

Node Version Manager（NVM）是一個(gè)用于管理多個(gè)Node.js版本的工具。它允許用戶在同一臺(tái)機(jī)器上安裝和使用多個(gè)Node.js版本，非常適合需要同時(shí)進(jìn)行多個(gè)項(xiàng)目的開(kāi)發(fā)者。NVM是開(kāi)源的，支持MacOS、Windows和Linux操作系統(tǒng)。

2. NVM原理

NVM通過(guò)修改PATH環(huán)境變量，控制不同命令行會(huì)話中使用的Node.js版本。它不需要管理員權(quán)限，可以在用戶的主目錄中安裝Node.js版本，并將它們隔離開(kāi)來(lái)。通過(guò)執(zhí)行簡(jiǎn)單的命令，用戶可以選擇正在使用的Node.js版本，這使得在不同版本之間切換變得非常簡(jiǎn)單。

3. NVM的優(yōu)勢(shì)

• 版本管理靈活：允許在同一系統(tǒng)中安裝多個(gè)Node.js版本，并能輕松切換。
• 環(huán)境隔離：每個(gè)Node.js版本都在用戶空間內(nèi)獨(dú)立安裝，不會(huì)互相影響。
• 無(wú)需管理員權(quán)限：用戶可以在其主目錄下安裝和維護(hù)Node.js版本，無(wú)需管理員權(quán)限。
• 支持自動(dòng)切換：通過(guò).nvmrc文件自動(dòng)切換項(xiàng)目所需的Node.js版本。

二、常用Node.js版本對(duì)照

1. Node.js和Vue版本對(duì)照表

注意：

• Vue 3.x 被完全重寫(xiě)以支持 TypeScript，建議使用 TypeScript 3.9 或更高版本。
• Vue 2.5 引入了對(duì) TypeScript 的改進(jìn)支持，推薦至少使用 TypeScript 2.6。
• 較早的 Vue.js 版本（2.4 及以下）并沒(méi)有針對(duì) TypeScript 提供優(yōu)化支持，在這些版本中使用 TypeScript 需要額外的配置，不推薦。

2. Node.js和Angular版本對(duì)照表

Angular作為一個(gè)更為嚴(yán)格的框架，其版本通常要求較新的Node.js版本。以下是Angular版本與Node.js版本的推薦對(duì)照表：

3. Node.js和React版本對(duì)照表

三、安裝NVM步驟

1. 下載安裝NVM

GitHub (https://github.com/coreybutler/nvm-windows/releases) 下載NVM。

下載完成后雙擊.exe安裝程序安裝。

選擇NVM的安裝路徑和Node.js的安裝路徑，Node.js的安裝路徑是一個(gè)臨時(shí)文件夾，在NVM的路徑下有已安裝的所有版本的Node.js，當(dāng)我們選中應(yīng)用哪個(gè)版本的Node.js時(shí)，Node.js的安裝路徑下變成哪一個(gè)版本的Node.js的復(fù)制。

繼續(xù)安裝。

安裝完成。

通過(guò)運(yùn)行nvm version來(lái)驗(yàn)證NVM是否正確安裝。

2. 配置Node.js路徑到環(huán)境變量

把我們剛剛安裝NVM時(shí)選擇的Node.js安裝的路徑寫(xiě)到path里。

這樣我們才能在控制臺(tái)直接使用npm命令。

3. NVM安裝Node.js

我們先安裝較新版本的Node.js 20.9.0。

nvm install 20.9.0

切換當(dāng)前版本為我們剛剛安裝的Node.js 20.9.0。

nvm use 20.9.0

再次檢查一下是否為該版本。

node -v

接著我們安裝Angular 17。

npm i -g @angular/cLi@17

安裝成功。

4. NVM安裝多版本Node.js

我們?cè)侔惭b18.10.0版本的Node.js。

nvm install 18.10.0

這時(shí)候通過(guò)nvm list可以看到我們所有已經(jīng)安裝的Node.js的版本，通過(guò) nvm use 18.10.0 可以靈活切換當(dāng)前使用的版本。

nvm list

nvm use 18.10.0

5. NVM切換Node.js實(shí)現(xiàn)Angular多版本安裝

下面我們切換Node.js版本為18.10.0，安裝Angular 15。

安裝成功。

可見(jiàn)，使用NVM進(jìn)行Node.js的多版本控制與隔離，可以幫助我們?cè)谕粋€(gè)操作系統(tǒng)里安裝多個(gè)版本的Angular/Vue等前端庫(kù)，以實(shí)現(xiàn)不同項(xiàng)目依賴的需求。

6. .nvmrc文件實(shí)現(xiàn)項(xiàng)目的自動(dòng)版本控制

可以在項(xiàng)目根目錄下創(chuàng)建一個(gè)名為 .nvmrc 的文件，文件內(nèi)容是項(xiàng)目所需的 Node.js 版本號(hào)。

例如，如果你的項(xiàng)目需要 Node.js 版本 14.17.0，那么 .nvmrc 文件的內(nèi)容應(yīng)該是：

14.17.0

當(dāng)你進(jìn)入項(xiàng)目目錄時(shí)，可以運(yùn)行以下命令來(lái)自動(dòng)切換到 .nvmrc 文件指定的 Node.js 版本：

nvm use

如果你的系統(tǒng)中尚未安裝該版本的 Node.js，NVM 將提示你安裝它。

四、NVM管理多版本Node.js教程總結(jié)

通過(guò)NVM（Node Version Manager），開(kāi)發(fā)者可以非常靈活地管理不同的Node.js版本，以滿足不同項(xiàng)目的需求。使用NVM，你可以避免版本沖突和環(huán)境污染問(wèn)題，更高效地進(jìn)行Node.js應(yīng)用的開(kāi)發(fā)和測(cè)試。通過(guò)理解和利用NVM的優(yōu)點(diǎn)，你可以在現(xiàn)代Web開(kāi)發(fā)中保持高效和競(jìng)爭(zhēng)力。

NVM的核心功能允許你在同一臺(tái)機(jī)器上安裝和切換多個(gè)Node.js版本。這意味著你可以輕松測(cè)試你的應(yīng)用在不同Node.js版本下的表現(xiàn)，確保應(yīng)用的兼容性和穩(wěn)定性。例如，如果一個(gè)老項(xiàng)目需要Node.js的早期版本而新項(xiàng)目需要最新版本，NVM使得在這兩個(gè)版本之間切換變得無(wú)縫和簡(jiǎn)單。

此外，NVM還支持自動(dòng)版本控制。通過(guò)在項(xiàng)目的根目錄下放置一個(gè) .nvmrc 文件，該文件指定了項(xiàng)目所需的Node.js版本，NVM可以自動(dòng)切換到該版本。這使得團(tuán)隊(duì)成員在初次運(yùn)行項(xiàng)目時(shí)能夠自動(dòng)使用正確的Node.js版本，降低了配置錯(cuò)誤的風(fēng)險(xiǎn)。

NVM的安裝和使用也非常直接。通過(guò)簡(jiǎn)單的命令行指令，你可以安裝多個(gè)版本的Node.js，并通過(guò)命令快速切換當(dāng)前使用的版本。NVM還提供了一些有用的命令來(lái)列出已安裝的版本、安裝新版本或刪除舊版本，使得Node.js版本的管理更加直觀和方便。

總之，NVM是每個(gè)Node.js開(kāi)發(fā)者工具箱中的必備工具。它不僅提高了開(kāi)發(fā)的靈活性和效率，還通過(guò)確保每個(gè)項(xiàng)目都使用合適的Node.js版本來(lái)增強(qiáng)了代碼的可維護(hù)性和團(tuán)隊(duì)的協(xié)作效率。通過(guò)投入時(shí)間學(xué)習(xí)和掌握NVM，你可以確保自己在快速發(fā)展的技術(shù)環(huán)境中保持競(jìng)爭(zhēng)力。

以上就是NVM管理Node.js實(shí)現(xiàn)不同版本Angular環(huán)境切換的詳細(xì)內(nèi)容，更多關(guān)于NVM Node.js Angular環(huán)境切換的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！