NVM が複数のノード バージョンをインストールおよび管理する方法についての簡単な説明

この記事では、NVM を使用して複数のバージョン Node.js を簡単にインストールおよび管理する方法を紹介します。

いくつかのプロジェクトをビルドするとき、古いバージョンのノードが必要になることがよくあります。例: Hexo の現在より適切にサポートされているバージョンは v12 で、Node の最新の安定バージョンはv14です。このとき、バグを避けるためにNodeのバージョンを切り替える必要があります。 [推奨学習: 「nodejs チュートリアル 」]

このチュートリアルは次の対象に適用されます:

• Linux (x86 アーキテクチャおよび ARM アーキテクチャ)
• macOS (x86 アーキテクチャおよび ARM アーキテクチャ)
• Windows (X86 アーキテクチャ、ARM アーキテクチャはテストされていません)

警告⚠️: 以下の n モジュールを使用することは強く推奨されません。ノードのバージョンを管理するための NPM

補助ビデオ

チュートリアル ビデオを作成するのは簡単ではありません (Bilibili はトラフィックを集めるためにそれをまったく推奨しません)。必ず作成してくださいワンクリック3回痛〜

Bilibili動画アドレス：https://www.bilibili.com/video/BV12h411z7Kq

環境準備

別のオペレーティング システムに合わせて、さまざまな NVM ツールを用意しています。以下はプロジェクト アドレスです。興味がある場合は、プロジェクトのソース アドレスにアクセスしてください:

• Mac/Linux の場合: https:// github.com/nvm-sh/nvm

• Windows の場合: https://github.com/coreybutler/nvm-windows

前設定を行う場合は、競合を避けるため、インストールした Node のバージョンと設定した環境変数を事前にアンインストールしてください。

Windows 設定方法

Windows で NVM を設定する NVM プロジェクト アドレス の設定方法に従って、次の 2 つの方法があります:

• インストーラーのインストール
• 手動構成 (推奨)

NVM のインストールに インストーラーを使用することをお勧めしない理由は、管理が不便であるためです。 2 つの方法には基本的に違いはありません。

オプション 1: インストーラー

NVM-Windows プロジェクトのリリース アドレスを入力します: github.com/coreybutler...、最新のリリース バージョン nvm-setup.zip を選択します。 ダウンロード:

圧縮ファイルを解凍した後、クリックしてインストール:

ここに注意してください⚠️: NVMインストールおよび構成パス には中国語 を含めないでください。Windows 仮想マシンには C ドライブのみが割り当てられているため、D ドライブなどの他のユーザー ディスクにインストールするのが最適です:

インストールが完了したら、CMD または Powershell の下に NVM と入力すると、インストールが完了したことがわかります。

Opt2: 手動構成 [プッシュ]

これは、NVM プロジェクト ファイルをダウンロードして手動構成を実行する、私が推奨する方法です。 プロジェクト リリース アドレスを入力し、nvm-noinstall.zipをダウンロードします。

:

空のファイルに解凍します。このフォルダーは次のとおりです。 NVM アドレス ディレクトリ。たとえば、ここでの私のアドレスは次のとおりです。 D:\myEnvironment\nvm

その後、次のようなコンピュータの環境変数を見つけます。 Windows 10: このコンピュータ-システムの詳細設定-環境変数

:

を右クリックします。 、環境変数を追加します:

• NVM_HOME: NVM アドレス ディレクトリ、例: D:\myEnvironment\nvm
• NVM_SYMLINK: NVM Node.js のソフト リンクを設定します。 ディレクトリは、存在しないディレクトリを指す必要があります (NVM を使用すると自動的に作成されます) 、例: D:\myEnvironment\nodejs

コンテンツを Path

に追加し、追加されたコンテンツ:

%NVM_HOME%
%NVM_SYMLINK%

###

安装完成后，在CMD或者Powershell下，输入NVM，即可发现安装完成：

配置国内源

中国大陆这边连接Node.js和NPM官方服务器有点困难，甚至不单单是下载慢了，有时候直接无法下载使用。所以我们换NVM和Node.js成国内源：

到你NVM安装路径，打开setting.txt文件（如果没有，则创建即可），更改：

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/

这里解释一下参数：

• root：NVM的安装地址。即上文的%NVM_HOME%
• path：激活node.js时的存储路径，即上文的%NVM_SYMLINK%
• arch：系统架构，如果你的Windwos不是x64，则填32
• proxy：是否走代理
• node_mirror：node.js的下载源
• npm_mirror：npm的下载源

macOS/Linux配置方法

虽然可以使用项目包管理工具安装NVM（比如：Homebrew、APT），但还是推荐macOS和Linux使用手动配置方法（Git安装、常规安装），安装NVM，本文也是讲解使用非项目包管理器安装NVM。

Opt1:官方脚本

官方脚本，需要连接Github，如果你的设备无法有效连接Github，请选择其他方法（如：常规安装、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

因为官方项目还在更新，这里粘贴脚本可能会过时。建议大家进入官方项目地址里进行粘贴。

安装好后，在根据你使用的Shell，在环境变量内追加：

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内追加，Linux在没手动配置ZSH情况下，在~/.bashrc内追加：

最后，在Terminal重载环境变量配置即可：

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

终端输入nvm命令，就不会报command not find了，比如：

nvm -v

Opt2:Git安装

官方也推荐使用Git进行配置，但是官方的还是使用Github。国内的连接…… 所以，我推荐使用Gitee，在Terminal上一次输入：

# 进入家目录
cd ~
# 下载源码
git clone https://gitee.com/mirrors/nvm.git
# 重命名为.nvm
mv nvm .nvm

我们安装好NVM以后，我们需要配置到环境变量：

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

在环境变量内，追加：

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

最后，在Terminal重载环境变量配置即可：

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

终端输入nvm命令，就不会报command not find了，比如：

nvm -v

Opt3:常规安装

常规安装，其实就是手动实现Opt1或Opt2。手动下载nvm源码，并解压重命名为.nvm。最后，按上文方法，添加

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

到环境变量，重载即可。

配置国内源

大陆这边连接Node和NPM源有点忙，进而NVM也比较慢，所以我们使用前换成国内源。 临时使用：在终端内输入

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

需要长期使用，就配置到配置文件里。

管理与安装Node.js

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

本章节，的操作下，采用一个步骤两个图的模式（一张为Windwos版本NVM的操作截图，一张为macOS/Linux版本的操作截图）

1. 查看已经版本

nvm list

查看已经安装的版本：

2. 查看可安装版本

如何查看通过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

测试一下可以使用用的：

如何卸载

如果你需要卸载NVM以及NVM所安装的Node.js，也很简单，且没有残留文件。

Windwos

Windwos用户，如果是用安装器安装，使用其自带的反安装快捷方式即可。我们看看手动配置的方法如何卸载。

1. 删除NVM和Node.js软链接

删除的地址，就是安装过程中的：

• NVM_HOME：NVM地址目录，比如：D:\myEnvironment\nvm
• NVM_SYMLINK：NVM配置Node.js的软链。比如：D:\myEnvironment\nodejs

2. 删除环境变量

之后：右键此电脑-高级系统设置-环境变量:

删除上文的NVM_HOME、NVM_SYMLINK以及PATH内的：

%NVM_HOME%
%NVM_SYMLINK%

macOS/Linux

macOS和Linux更简单了，终端执行：

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

在环境变量内移除：

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卸载完全。

操作实例

Hexo博客

在搭建Hexo博客的时候，目前（2021.07）最好还是使用Node.js v12。所以，我搭建Hexo博客，一般也喜欢切换Node.js到v12:

Minecraft面板

这里我先挖个坑，以后有机会和大家说说如何使用Node.js编译Minecraft的控制面板。

VUE

这个不用多说，安装VUE无法就那么几个方法。用Node.js的包管理工具NPM安装VUE再正常不过，运行也方便：

更多编程相关知识，请访问：编程视频！！

以上がNVM が複数のノード バージョンをインストールおよび管理する方法についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。