NVM怎么安裝和管理多個(gè)Node版本

這篇文章主要講解了“NVM怎么安裝和管理多個(gè)Node版本”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“NVM怎么安裝和管理多個(gè)Node版本”吧！

我們構(gòu)建一些項(xiàng)目，經(jīng)常需要舊版本的node，如：Hexo目前支持性比較好的版本是v12，而最新的Node穩(wěn)定版本是v14。這個(gè)時(shí)候，為了避免bug，我們需要切換Node版本。

本教程適用：

• Linux（x86架構(gòu)&ARM架構(gòu)）

• macOS（x86架構(gòu)&ARM架構(gòu)）

• Windows（X86架構(gòu)，ARM架構(gòu)未測(cè)試）

警告??：十分不推薦使用NPM下，n模塊來(lái)管理node版本

環(huán)境準(zhǔn)備

對(duì)于不同的操作系統(tǒng)，我們準(zhǔn)備不同的NVM工具，以下是項(xiàng)目地址，感興趣可以去項(xiàng)目源地址看看嗷：

• For Mac/Linux：https://github.com/nvm-sh/nvm

• For Windows：https://github.com/coreybutler/nvm-windows

配置前，請(qǐng)事先卸載你已經(jīng)安裝的Node版本和配置的環(huán)境變量，避免沖突。

Windows配置方法

Windows下配置NVM，根據(jù)NVM項(xiàng)目地址的配置方法，有兩種方法：

• 安裝器安裝

• 手動(dòng)配置（推薦）

之所以不推薦用安裝器安裝NVM，是覺(jué)得不方便管理啦。本質(zhì)上兩個(gè)方法沒(méi)有區(qū)別。

Opt1:安裝器

進(jìn)入NVM-Windows項(xiàng)目發(fā)布地址：github.com/coreybutler…，選擇最新發(fā)行版本nvm-setup.zip下載：

之后，解壓出自壓縮文件，點(diǎn)擊安裝：

這邊注意??：NVM的安裝和配置路徑不要有中文，因?yàn)槲襑indows虛擬機(jī)只分配C盤(pán)，大家可以最好安裝到D盤(pán)等其他用戶盤(pán)：

安裝完成后，在CMD或者Powershell下，輸入NVM，即可發(fā)現(xiàn)安裝完成：

Opt2:手動(dòng)配置【推】

這個(gè)是我推薦的方法，我們下載NVM項(xiàng)目文件，進(jìn)行手動(dòng)配置。進(jìn)入項(xiàng)目發(fā)布地址，下載nvm-noinstall.zip：

解壓到一個(gè)空白文件內(nèi)，這個(gè)文件夾就是NVM地址目錄，比如我這里的地址地址是：D:\myEnvironment\nvm

之后，找到電腦的環(huán)境變量，比如Windows10：右鍵此電腦-高級(jí)系統(tǒng)設(shè)置-環(huán)境變量：

最后，添加環(huán)境變量：

• NVM_HOME：NVM地址目錄，比如：D:\myEnvironment\nvm

• NVM_SYMLINK：NVM配置Node.js的軟鏈接，該目錄需指向并不存在的目錄（NVM使用時(shí)候會(huì)自動(dòng)創(chuàng)建），比如：D:\myEnvironment\nodejs

追加內(nèi)容到Path，追加的內(nèi)容：

%NVM_HOME%
%NVM_SYMLINK%

安裝完成后，在CMD或者Powershell下，輸入NVM，即可發(fā)現(xiàn)安裝完成：

配置國(guó)內(nèi)源

中國(guó)大陸這邊連接Node.js和NPM官方服務(wù)器有點(diǎn)困難，甚至不單單是下載慢了，有時(shí)候直接無(wú)法下載使用。所以我們換NVM和Node.js成國(guó)內(nèi)源：

到你NVM安裝路徑，打開(kāi)setting.txt文件（如果沒(méi)有，則創(chuàng)建即可），更改：

root: D:\myEnvironment\nvm
path: D:\myEnvironment\nodejs
arch: 64
proxy: none

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

這里解釋一下參數(shù)：

• root：NVM的安裝地址。即上文的%NVM_HOME%

• path：激活node.js時(shí)的存儲(chǔ)路徑，即上文的%NVM_SYMLINK%

• arch：系統(tǒng)架構(gòu)，如果你的Windwos不是x64，則填32

• proxy：是否走代理

• node_mirror：node.js的下載源

• npm_mirror：npm的下載源

macOS/Linux配置方法

雖然可以使用項(xiàng)目包管理工具安裝NVM（比如：Homebrew、APT），但還是推薦macOS和Linux使用手動(dòng)配置方法（Git安裝、常規(guī)安裝），安裝NVM，本文也是講解使用非項(xiàng)目包管理器安裝NVM。

Opt1:官方腳本

官方腳本，需要連接Github，如果你的設(shè)備無(wú)法有效連接Github，請(qǐng)選擇其他方法（如：常規(guī)安裝、Git安裝）

Terminal使用curl

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash

或者使用wget

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash

因?yàn)楣俜巾?xiàng)目還在更新，這里粘貼腳本可能會(huì)過(guò)時(shí)。建議大家進(jìn)入官方項(xiàng)目地址里進(jìn)行粘貼。

安裝好后，在根據(jù)你使用的Shell，在環(huán)境變量?jī)?nèi)追加：

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

一般macOS在~/.zshrc內(nèi)追加，Linux在沒(méi)手動(dòng)配置ZSH情況下，在~/.bashrc內(nèi)追加：

最后，在Terminal重載環(huán)境變量配置即可：

# For macOS/Linux With ZSH
source ~/.zshrc
# For Linux With Bash
source ~/.bashrc

終端輸入nvm命令，就不會(huì)報(bào)command not find了，比如：

nvm -v

Opt2:Git安裝

官方也推薦使用Git進(jìn)行配置，但是官方的還是使用Github。國(guó)內(nèi)的連接…… 所以，我推薦使用Gitee，在Terminal上一次輸入：

# 進(jìn)入家目錄
cd ~
# 下載源碼
git clone https://gitee.com/mirrors/nvm.git
# 重命名為.nvm
mv nvm .nvm

我們安裝好NVM以后，我們需要配置到環(huán)境變量：

# Bash Shell用戶
vim ~/.profile
# ZSH Shell用戶
vim ~/.zshrc

在環(huán)境變量?jī)?nèi)，追加：

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

最后，在Terminal重載環(huán)境變量配置即可：

# For macOS/Linux With ZSH
source ~/.zshrc
# For Linux With Bash
source ~/.bashrc

終端輸入nvm命令，就不會(huì)報(bào)command not find了，比如：

nvm -v

Opt3:常規(guī)安裝

常規(guī)安裝，其實(shí)就是手動(dòng)實(shí)現(xiàn)Opt1或Opt2。手動(dòng)下載nvm源碼，并解壓重命名為.nvm。最后，按上文方法，添加

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

到環(huán)境變量，重載即可。

配置國(guó)內(nèi)源

大陸這邊連接Node和NPM源有點(diǎn)忙，進(jìn)而NVM也比較慢，所以我們使用前換成國(guó)內(nèi)源。 臨時(shí)使用：在終端內(nèi)輸入

export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node/

需要長(zhǎng)期使用，就配置到配置文件里。

管理與安裝Node.js

Windows版本和macOS/Linux版本的NVM，操作基本一樣，尤其是管理Node.js的命令；

本章節(jié)，的操作下，采用一個(gè)步驟兩個(gè)圖的模式（一張為Windwos版本NVM的操作截圖，一張為macOS/Linux版本的操作截圖）

1. 查看已經(jīng)版本

nvm list

查看已經(jīng)安裝的版本：

2. 查看可安裝版本

如何查看通過(guò)NVM安裝的Node.js版本呢？ 你可以直接使用NVM命令：

# macOS/Linux
nvm ls-remote --lts
# Windows
nvm list available

3. 安裝Node.js

我們安裝v12.21版本node：

4. 激活Node.js版本

我們安裝好Node.js以后，需要激活

nvm use 12.21

測(cè)試一下可以使用用的：

如何卸載

如果你需要卸載NVM以及NVM所安裝的Node.js，也很簡(jiǎn)單，且沒(méi)有殘留文件。

Windwos

Windwos用戶，如果是用安裝器安裝，使用其自帶的反安裝快捷方式即可。我們看看手動(dòng)配置的方法如何卸載。

1. 刪除NVM和Node.js軟鏈接

刪除的地址，就是安裝過(guò)程中的：

• NVM_HOME：NVM地址目錄，比如：D:\myEnvironment\nvm

• NVM_SYMLINK：NVM配置Node.js的軟鏈。比如：D:\myEnvironment\nodejs

2. 刪除環(huán)境變量

之后：右鍵此電腦-高級(jí)系統(tǒng)設(shè)置-環(huán)境變量:

刪除上文的NVM_HOME、NVM_SYMLINK以及PATH內(nèi)的：

%NVM_HOME%
%NVM_SYMLINK%

macOS/Linux

macOS和Linux更簡(jiǎn)單了，終端執(zhí)行：

# 刪除NVM以及Node.js
rm -rf ~/.nvm
# 刪除可能存在的NPM
rm -rf ~/.npn

在環(huán)境變量?jī)?nèi)移除：

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

到此，NVM卸載完全。

操作實(shí)例

Hexo博客

在搭建Hexo博客的時(shí)候，目前（2021.07）最好還是使用Node.js v12。所以，我搭建Hexo博客，一般也喜歡切換Node.js到v12:

Minecraft面板

這里我先挖個(gè)坑，以后有機(jī)會(huì)和大家說(shuō)說(shuō)如何使用Node.js編譯Minecraft的控制面板。

VUE

這個(gè)不用多說(shuō)，安裝VUE無(wú)法就那么幾個(gè)方法。用Node.js的包管理工具NPM安裝VUE再正常不過(guò)，運(yùn)行也方便：

感謝各位的閱讀，以上就是“NVM怎么安裝和管理多個(gè)Node版本”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)NVM怎么安裝和管理多個(gè)Node版本這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！