ホームページ > ウェブフロントエンド > jsチュートリアル > NVM が複数のノード バージョンをインストールおよび管理する方法についての簡単な説明

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

青灯夜游
リリース: 2021-11-23 09:28:41
転載
2598 人が閲覧しました

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

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

いくつかのプロジェクトをビルドするとき、古いバージョンのノードが必要になることがよくあります。例: 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 が複数のノード バージョンをインストールおよび管理する方法についての簡単な説明

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

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

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

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

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

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

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

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

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

:

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

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

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

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

:

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

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

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

コンテンツを Path

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

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

###

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

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

配置国内源

中国大陆这边连接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/
ログイン後にコピー

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

这里解释一下参数:

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

macOS/Linux配置方法

虽然可以使用项目包管理工具安装NVM(比如:HomebrewAPT),但还是推荐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
ログイン後にコピー

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

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

安装好后,在根据你使用的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内追加:

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

最后,在Terminal重载环境变量配置即可:

# For macOS/Linux With ZSH
source ~/.zshrc
# For Linux With Bash
source ~/.bashrc
ログイン後にコピー
ログイン後にコピー

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

nvm -v
ログイン後にコピー
ログイン後にコピー

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

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
ログイン後にコピー
ログイン後にコピー

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

Opt3:常规安装

常规安装,其实就是手动实现Opt1Opt2。手动下载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
ログイン後にコピー

查看已经安装的版本:

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

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

2. 查看可安装版本

如何查看通过NVM安装的Node.js版本呢? 你可以直接使用NVM命令:

# macOS/Linux
nvm ls-remote --lts
# Windows
nvm list available
ログイン後にコピー

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

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

3. 安装Node.js

我们安装v12.21版本node:

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

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

4. 激活Node.js版本

我们安装好Node.js以后,需要激活

nvm use 12.21
ログイン後にコピー

测试一下可以使用用的:

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

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

如何卸载

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

Windwos

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

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

删除的地址,就是安装过程中的:

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

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

2. 删除环境变量

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

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

删除上文的NVM_HOMENVM_SYMLINK以及PATH内的:

%NVM_HOME%
%NVM_SYMLINK%
ログイン後にコピー
ログイン後にコピー

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

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:

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

Minecraft面板

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

VUE

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

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

更多编程相关知识,请访问:编程视频!!

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

関連ラベル:
ソース:juejin.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート