NVM管理Node.js實現(xiàn)不同版本Angular環(huán)境切換
一、NVM介紹
1. NVM簡介
Node Version Manager（NVM）是一個用于管理多個Node.js版本的工具。它允許用戶在同一臺機(jī)器上安裝和使用多個Node.js版本，非常適合需要同時進(jìn)行多個項目的開發(fā)者。NVM是開源的，支持MacOS、Windows和Linux操作系統(tǒng)。
2. NVM原理
NVM通過修改PATH環(huán)境變量，控制不同命令行會話中使用的Node.js版本。它不需要管理員權(quán)限，可以在用戶的主目錄中安裝Node.js版本，并將它們隔離開來。通過執(zhí)行簡單的命令，用戶可以選擇正在使用的Node.js版本，這使得在不同版本之間切換變得非常簡單。
3. NVM的優(yōu)勢
- 版本管理靈活：允許在同一系統(tǒng)中安裝多個Node.js版本，并能輕松切換。
- 環(huán)境隔離：每個Node.js版本都在用戶空間內(nèi)獨立安裝，不會互相影響。
- 無需管理員權(quán)限：用戶可以在其主目錄下安裝和維護(hù)Node.js版本，無需管理員權(quán)限。
- 支持自動切換：通過
.nvmrc文件自動切換項目所需的Node.js版本。
二、常用Node.js版本對照
1. Node.js和Vue版本對照表
| Vue.js 版本 | 推薦 Node.js 版本 | 兼容 TypeScript 版本 |
|---|---|---|
| Vue 3.x | Node.js 12 或更高 | TypeScript 3.9 或更高 |
| Vue 2.6 | Node.js 10 或更高 | TypeScript 3.5 或更高 |
| Vue 2.5 | Node.js 10 | TypeScript 2.6 或更高 |
| Vue 2.4 及以下 | Node.js 8 | TypeScript 不推薦 |
注意：
- Vue 3.x 被完全重寫以支持 TypeScript，建議使用 TypeScript 3.9 或更高版本。
- Vue 2.5 引入了對 TypeScript 的改進(jìn)支持，推薦至少使用 TypeScript 2.6。
- 較早的 Vue.js 版本（2.4 及以下）并沒有針對 TypeScript 提供優(yōu)化支持，在這些版本中使用 TypeScript 需要額外的配置，不推薦。
2. Node.js和Angular版本對照表
Angular作為一個更為嚴(yán)格的框架，其版本通常要求較新的Node.js版本。以下是Angular版本與Node.js版本的推薦對照表：
| Angular 版本 | 推薦 Node.js 版本 | 兼容 TypeScript 版本 |
|---|---|---|
| Angular 17.1.0 | ^18.13.0 或 ^20.9.0 | >=5.2.0 < 5.4.0 |
| Angular 17.0.x | ^18.13.0 或 ^20.9.0 | >=5.2.0 < 5.3.0 |
| Angular 16.1.x | ^16.14.0 或 ^18.10.0 | >=4.9.3 < 5.2.0 |
| Angular 16.2.x | ^16.14.0 或 ^18.10.0 | >=4.9.3 < 5.2.0 |
| Angular 16.0.x | ^16.14.0 或 ^18.10.0 | >=4.9.3 < 5.1.0 |
| Angular 15.1.x | ^14.20.0 或 ^16.13.0 或 ^18.10.0 | >=4.8.2 < 5.0.0 |
| Angular 15.2.x | ^14.20.0 或 ^16.13.0 或 ^18.10.0 | >=4.8.2 < 5.0.0 |
| Angular 15.0.x | ^14.20.0 或 ^16.13.0 或 ^18.10.0 | ~4.8.2 |
| Angular 14 | ^14.15.0 或 ^16.10.0 | >=4.6.4 < 4.9.0 |
| Angular 13 | ^12.20.2 或 ^14.15.0 或 ^16.10.0 | >=4.4.4 < 4.7.0 |
| Angular 12 | ^12.14.1 或 ^14.15.0 | >=4.2.4 < 4.4.0 |
| Angular 11 | ^10.13.0 或 ^12.11.1 | >=4.0.8 < 4.2.0 |
| Angular 10 | ^10.13.0 或 ^12.11.1 | >=3.9.4 < 4.1.0 |
| Angular 9 | ^10.13.0 或 ^12.11.1 | >=3.6.5 < 3.9.0 |
| Angular 8 | ^10.9.0 | ~3.4.5 或 ~3.5.3 |
| Angular 7 | ^8.9.4 或 ^10.9.0 | ~3.1.6 或 ~3.2.4 |
| Angular 6 | ^8.9.4 | ~2.7.2 或 ~2.9.2 |
| Angular 5 | ^6.9.5 或 ^8.9.4 | ~2.5.3 |
| Angular 4 | ^6.9.5 | ~2.4.2 |
| Angular 2 | ^6.9.5 | ~2.0.10 或 ~2.2.2 或 ~2.3.4 |
3. Node.js和React版本對照表
| React 版本 | 推薦 Node.js 版本 | 兼容 TypeScript 版本 |
|---|---|---|
| React 18 | Node.js 14 或更高 | TypeScript 4.5 或更高 |
| React 17 | Node.js 12 或更高 | TypeScript 4.1 或更高 |
| React 16 | Node.js 10 或更高 | TypeScript 3.7 或更高 |
| React 15 | Node.js 8 | TypeScript 2.8 或更高 |
| React 0.14 及以下 | Node.js 6 | TypeScript 1.8 或更高 |
三、安裝NVM步驟
1. 下載安裝NVM
GitHub (https://github.com/coreybutler/nvm-windows/releases) 下載NVM。
下載完成后雙擊.exe安裝程序安裝。
選擇NVM的安裝路徑和Node.js的安裝路徑，Node.js的安裝路徑是一個臨時文件夾，在NVM的路徑下有已安裝的所有版本的Node.js，當(dāng)我們選中應(yīng)用哪個版本的Node.js時，Node.js的安裝路徑下變成哪一個版本的Node.js的復(fù)制。
繼續(xù)安裝。
安裝完成。
通過運行nvm version來驗證NVM是否正確安裝。
2. 配置Node.js路徑到環(huán)境變量
把我們剛剛安裝NVM時選擇的Node.js安裝的路徑寫到path里。
這樣我們才能在控制臺直接使用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
我們再安裝18.10.0版本的Node.js。
nvm install 18.10.0
這時候通過nvm list可以看到我們所有已經(jīng)安裝的Node.js的版本，通過 nvm use 18.10.0 可以靈活切換當(dāng)前使用的版本。
nvm list
nvm use 18.10.0
5. NVM切換Node.js實現(xiàn)Angular多版本安裝
下面我們切換Node.js版本為18.10.0，安裝Angular 15。
安裝成功。
可見，使用NVM進(jìn)行Node.js的多版本控制與隔離，可以幫助我們在同一個操作系統(tǒng)里安裝多個版本的Angular/Vue等前端庫，以實現(xiàn)不同項目依賴的需求。
6. .nvmrc文件實現(xiàn)項目的自動版本控制
可以在項目根目錄下創(chuàng)建一個名為 .nvmrc 的文件，文件內(nèi)容是項目所需的 Node.js 版本號。
例如，如果你的項目需要 Node.js 版本 14.17.0，那么 .nvmrc 文件的內(nèi)容應(yīng)該是：
14.17.0
當(dāng)你進(jìn)入項目目錄時，可以運行以下命令來自動切換到 .nvmrc 文件指定的 Node.js 版本：
nvm use
如果你的系統(tǒng)中尚未安裝該版本的 Node.js，NVM 將提示你安裝它。
四、NVM管理多版本Node.js教程總結(jié)
通過NVM（Node Version Manager），開發(fā)者可以非常靈活地管理不同的Node.js版本，以滿足不同項目的需求。使用NVM，你可以避免版本沖突和環(huán)境污染問題，更高效地進(jìn)行Node.js應(yīng)用的開發(fā)和測試。通過理解和利用NVM的優(yōu)點，你可以在現(xiàn)代Web開發(fā)中保持高效和競爭力。
NVM的核心功能允許你在同一臺機(jī)器上安裝和切換多個Node.js版本。這意味著你可以輕松測試你的應(yīng)用在不同Node.js版本下的表現(xiàn)，確保應(yīng)用的兼容性和穩(wěn)定性。例如，如果一個老項目需要Node.js的早期版本而新項目需要最新版本，NVM使得在這兩個版本之間切換變得無縫和簡單。
此外，NVM還支持自動版本控制。通過在項目的根目錄下放置一個 .nvmrc 文件，該文件指定了項目所需的Node.js版本，NVM可以自動切換到該版本。這使得團(tuán)隊成員在初次運行項目時能夠自動使用正確的Node.js版本，降低了配置錯誤的風(fēng)險。
NVM的安裝和使用也非常直接。通過簡單的命令行指令，你可以安裝多個版本的Node.js，并通過命令快速切換當(dāng)前使用的版本。NVM還提供了一些有用的命令來列出已安裝的版本、安裝新版本或刪除舊版本，使得Node.js版本的管理更加直觀和方便。
總之，NVM是每個Node.js開發(fā)者工具箱中的必備工具。它不僅提高了開發(fā)的靈活性和效率，還通過確保每個項目都使用合適的Node.js版本來增強(qiáng)了代碼的可維護(hù)性和團(tuán)隊的協(xié)作效率。通過投入時間學(xué)習(xí)和掌握NVM，你可以確保自己在快速發(fā)展的技術(shù)環(huán)境中保持競爭力。
以上就是NVM管理Node.js實現(xiàn)不同版本Angular環(huán)境切換的詳細(xì)內(nèi)容，更多關(guān)于NVM Node.js Angular環(huán)境切換的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
node中Express 動態(tài)設(shè)置端口的方法
本篇文章主要介紹了node中Express 動態(tài)設(shè)置端口的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
隨著應(yīng)用程序規(guī)模越來越龐大,Node.js版本的更新也日益頻繁,本文主要介紹了查詢Node.js版本信息的六種方法,具有一定的參考價值,感興趣的可以了解一下2024-03-03
nodejs和npm版本不匹配:ERROR:?npm?v9.5.1?is?known?not?to?run
本文主要介紹了nodejs和npm版本不匹配:ERROR:?npm?v9.5.1?is?known?not?to?run?on?Node.js，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
Nodejs中fs文件系統(tǒng)模塊的路徑動態(tài)拼接的問題和解決方案
在使用fs模塊操作文件時,如果提供的操作路徑是以./或../開頭的相對路徑時,很容易出現(xiàn)路徑動態(tài)拼接錯誤的問題,所以本文給大家介紹了Nodejs中fs文件系統(tǒng)模塊的路徑動態(tài)拼接的問題和解決方案,需要的朋友可以參考下2024-03-03
Node.js腳本提取OPML文件信息實現(xiàn)示例詳解
這篇文章主要為大家介紹了Node.js腳本提取OPML文件信息,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
這篇文章主要介紹了nodejs中的process進(jìn)程，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-03-03
最近在改一個比較久的項目,是使用nodejs寫的,但是對于長期寫java的后端開發(fā)來說,還是有點難維護(hù),不過不改bug的話,就需要重新開發(fā),所以本文介紹了NodeJs如何使用SQL模糊查詢,需要的朋友可以參考下2024-07-07
現(xiàn)在越來越多的網(wǎng)站采取圖片驗證碼,防止機(jī)器惡意向服務(wù)端發(fā)送請求,但是常規(guī)的圖片驗證碼也不是非常安全了,有非常多第三方庫可以對圖片上的數(shù)字文字等進(jìn)行識別,下面小編給大家分享Node.js圖片驗證碼識別功能實現(xiàn),感興趣的朋友一起看看吧2024-04-04
Node.js中的crypto模塊提供了多種加密算法,可以用來加密字符串,AES和RSA是其中兩種常用的算法,本文介紹如何使用NodeJS對一個字符串加密,感興趣的朋友一起看看吧2025-01-01
node的好處毋庸置疑，事件驅(qū)動，異步非阻塞I/O，以及處理高并發(fā)的能力深入人心，因此大家喜歡用node做一些小型后臺服務(wù)或者作為中間層和其他服務(wù)配合完成一些大型應(yīng)用場景。2021-06-06