NVM이 여러 노드 버전을 설치하고 관리하는 방법에 대한 간략한 설명

이 글에서는 NVM을 사용하여 Node.js의 여러 버전을 쉽게 설치하고 관리하는 방법을 소개하겠습니다.

일부 프로젝트를 빌드할 때 종종 이전 버전의 노드가 필요합니다. 예를 들어 Hexo의 현재 더 잘 지원되는 버전은 v12이고 Node의 최신 안정 버전은 v14입니다. 이때 버그를 방지하기 위해 Node 버전을 전환해야 합니다. [추천 학습: "nodejs 튜토리얼"]

이 튜토리얼의 적용 대상:

• Linux(x86 아키텍처 및 ARM 아키텍처)
• macOS(x86 아키텍처 및 ARM 아키텍처)
• Windows(X86 아키텍처, ARM 아키텍처 아님) 테스트됨)

경고⚠️: 노드 버전을 관리하기 위해 NPM에서 n 모듈을 사용하는 것은 매우 권장되지 않습니다

보조 비디오

안녕하세요, 튜토리얼 비디오를 만드는 것은 쉽지 않습니다(Bilibili는 트래픽을 전혀 권장하지 않습니다 ), 꼭한 번의 클릭으로 3개의 연속 링크嗷~

B방송 영상 주소 : 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 프로젝트 주소 구성 방법에 따라

• 설치 프로그램 설치
• 수동 구성(권장)

않는 이유 으로 설치하는 것이 좋습니다. 관리가 불편해서 서버에 NVM을 설치했습니다. 두 방법 사이에는 본질적으로 차이가 없습니다.

Opt1: Installer

NVM-Windows 프로젝트 릴리스 주소 입력: github.com/coreybutler…, 최신 릴리스 버전 nvm-setup.zip을 선택하여 다운로드: nvm-setup.zip下载：

之后，解压出自压缩文件，点击安装：

这边注意⚠️：NVM的安装和配置路径不要有中文，因为我Windows虚拟机只分配C盘，大家可以最好安装到D盘等其他用户盘：

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

Opt2:手动配置【推】

这个是我推荐的方法，我们下载NVM项目文件，进行手动配置。进入项目发布地址，下载nvm-noinstall.zip：

解压到一个空白文件内，这个文件夹就是NVM地址目录，比如我这里的地址地址是：D:myEnvironmentnvm

之后，找到电脑的环境变量，比如Windows10：右键此电脑-高级系统设置-环境变量：

最后，添加环境变量：

• NVM_HOME：NVM地址目录，比如：D:myEnvironmentnvm
• NVM_SYMLINK：NVM配置Node.js的软链接，该目录需指向并不存在的目录（NVM使用时候会自动创建），比如：D:myEnvironmentnodejs

追加内容到Path

압축파일의 압축을 푼 후, 설치를 클릭하세요:

🎜 🎜 🎜참고⚠️: NVM 🎜의 설치 및 구성 경로에는 중국어 문자 🎜가 포함되어서는 안 됩니다. Windows 가상 머신에는 C 드라이브만 할당되어 있으므로 D 드라이브와 같은 다른 사용자 드라이브에 설치하는 것이 가장 좋습니다. 🎜🎜🎜🎜🎜🎜설치가 완료된 후 CMD 또는 Powershell에서 NVM을 입력하면 설치가 완료된 것을 확인할 수 있습니다. 🎜🎜🎜

Opt2: 수동 구성 [푸시]🎜🎜이것 제가 권장하는 방법이므로 수동 구성을 위해 NVM 프로젝트 파일을 다운로드합니다. 🎜프로젝트 릴리스 주소🎜를 입력하고 nvm-noinstall.zip을 다운로드하세요: 🎜🎜🎜🎜빈 파일로 추출합니다. 이 폴더는 NVM 주소 디렉터리입니다. 예를 들어 내 주소는 D:myEnvironmentnvm입니다. 🎜🎜<img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/image/961/537/401/1636681920108250.png?x-oss-process=image/resize,p_40" class="lazy" title="163668187014781NVM이 여러 노드 버전을 설치하고 관리하는 방법에 대한 간략한 설명" alt="NVM이 여러 노드 버전을 설치하고 관리하는 방법에 대한 간략한 설명"> 🎜🎜그런 다음 Windows 10과 같은 컴퓨터의 환경 변수를 찾으십시오. <code>이 PC-고급 시스템 설정-환경 변수를 마우스 오른쪽 버튼으로 클릭하십시오. 코드>: 🎜🎜 🎜🎜마지막으로 환경 변수를 추가합니다. 🎜🎜🎜NVM_HOME: NVM 주소 디렉터리(예: D:myEnvironmentnvm🎜🎜NVM_SYMLINK): NVM 구성 Node.js 소프트 링크, 🎜이 디렉토리는 존재하지 않는 디렉토리를 가리켜야 합니다(NVM을 사용할 때 자동으로 생성됩니다)🎜, 예: D:myEnvironmentnodejs🎜🎜🎜🎜🎜 경로, 추가 내용: 🎜

%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 중국어 웹사이트의 기타 관련 기사를 참조하세요!