> 웹 프론트엔드 > JS 튜토리얼 > NVM이 여러 노드 버전을 설치하고 관리하는 방법에 대한 간략한 설명

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

青灯夜游
풀어 주다: 2021-11-23 09:28:41
앞으로
2597명이 탐색했습니다.

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

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

일부 프로젝트를 빌드할 때 종종 이전 버전의 노드가 필요합니다. 예를 들어 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이 여러 노드 버전을 설치하고 관리하는 방법에 대한 간략한 설명

之后,解压出自压缩文件,点击安装:

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

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

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

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

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

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

Opt2:手动配置【推】

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

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

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

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

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

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

最后,添加环境变量:

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

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

追加内容到Path

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

NVM이 여러 노드 버전을 설치하고 관리하는 방법에 대한 간략한 설명압축파일의 압축을 푼 후, 설치를 클릭하세요:

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

Opt2: 수동 구성 [푸시]🎜🎜이것 제가 권장하는 방법이므로 수동 구성을 위해 NVM 프로젝트 파일을 다운로드합니다. 🎜프로젝트 릴리스 주소🎜를 입력하고 nvm-noinstall.zip을 다운로드하세요: 🎜🎜NVM이 여러 노드 버전을 설치하고 관리하는 방법에 대한 간략한 설명🎜🎜빈 파일로 추출합니다. 이 폴더는 NVM 주소 디렉터리입니다. 예를 들어 내 주소는 D:myEnvironmentnvm입니다. 🎜🎜<img src="https://img.php.cn/upload/image/360/352/254/163668187014781NVM%EC%9D%B4%20%EC%97%AC%EB%9F%AC%20%EB%85%B8%EB%93%9C%20%EB%B2%84%EC%A0%84%EC%9D%84%20%EC%84%A4%EC%B9%98%ED%95%98%EA%B3%A0%20%EA%B4%80%EB%A6%AC%ED%95%98%EB%8A%94%20%EB%B0%A9%EB%B2%95%EC%97%90%20%EB%8C%80%ED%95%9C%20%EA%B0%84%EB%9E%B5%ED%95%9C%20%EC%84%A4%EB%AA%85" title="163668187014781NVM이 여러 노드 버전을 설치하고 관리하는 방법에 대한 간략한 설명" alt="NVM이 여러 노드 버전을 설치하고 관리하는 방법에 대한 간략한 설명"> 🎜🎜그런 다음 Windows 10과 같은 컴퓨터의 환경 변수를 찾으십시오. <code>이 PC-고급 시스템 설정-환경 변수를 마우스 오른쪽 버튼으로 클릭하십시오. 코드>: 🎜🎜NVM이 여러 노드 버전을 설치하고 관리하는 방법에 대한 간략한 설명 🎜🎜마지막으로 환경 변수를 추가합니다. 🎜🎜🎜NVM_HOME: NVM 주소 디렉터리(예: D:myEnvironmentnvm🎜🎜NVM_SYMLINK): NVM 구성 Node.js 소프트 링크, 🎜이 디렉토리는 존재하지 않는 디렉토리를 가리켜야 합니다(NVM을 사용할 때 자동으로 생성됩니다)🎜, 예: D:myEnvironmentnodejs🎜🎜🎜🎜🎜 경로, 추가 내용: 🎜
%NVM_HOME%
%NVM_SYMLINK%
로그인 후 복사
로그인 후 복사
🎜🎜 🎜

安装完成后,在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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:juejin.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿