首頁 > web前端 > js教程 > 主體

淺談NVM如何安裝和管理多個Node版本

青灯夜游
發布: 2021-11-23 09:28:41
轉載
2490 人瀏覽過

這篇文章跟大家介紹如何使用NVM輕鬆安裝並管理多版本Node.js,希望對大家有幫助!

淺談NVM如何安裝和管理多個Node版本

我們建立一些項目,經常需要舊版的node,如:Hexo目前支援性比較好的版本是v12,而最新的Node穩定版本是v14。這時候,為了避免bug,我們需要切換Node版本。 【推薦學習:《nodejs 教學》】

本教學適用:

  • Linux(x86架構&ARM架構)
  • macOS(x86架構&ARM架構)
  • Windows(X86架構,ARM架構未測試)

#警告⚠️:十分不建議使用NPM下,n模組來管理node版本

輔助影片

嘿嘿,做教學影片不易(B站完全不會推薦引流),請務必一鍵三連嗷~

B站視訊位址:https://www.bilibili.com/video/BV12h411z7Kq

環境準備

對於不同的作業系統,我們準備不同的NVM工具,以下是專案位址,有興趣可以去專案來源位址看看嗷:

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

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

#配置前,請事先卸載你已經安裝的Node版本和配置的環境變量,避免衝突。

Windows設定方法

Windows下設定NVM,根據NVM專案位址的設定方法,有兩種方法:

  • 安裝器安裝
  • 手動設定(建議)

之所以不建議用安裝器安裝NVM,是覺得不方便管理啦。本質上兩個方法沒有差別。

Opt1:安裝器

進入NVM-Windows專案發佈位址:github.com/coreybutler…,選擇最新發行版本nvm-setup.zip下載:

淺談NVM如何安裝和管理多個Node版本

之後,解壓縮出自壓縮文件,點擊安裝:

淺談NVM如何安裝和管理多個Node版本

這邊注意⚠️:NVM的安裝與設定路徑不要有中文,因為我Windows虛擬機只分配C盤,大家可以最好安裝到D盤等其他用戶盤:

淺談NVM如何安裝和管理多個Node版本

淺談NVM如何安裝和管理多個Node版本

安裝完成後,在CMDPowershell下,輸入NVM,即可發現安裝完成:

淺談NVM如何安裝和管理多個Node版本

Opt2:手動設定【推】

這個是我推薦的方法,我們下載NVM專案文件,進行手動設定。進入專案發佈位址,下載nvm-noinstall.zip

淺談NVM如何安裝和管理多個Node版本

解壓縮到一個空白檔案內,這個資料夾就是NVM位址目錄,例如我這裡的位址位址是:D:\myEnvironment\nvm

淺談NVM如何安裝和管理多個Node版本

#之後,找到電腦的環境變量,例如Windows10:右鍵此電腦-進階系統設定-環境變數

淺談NVM如何安裝和管理多個Node版本

##最後,新增環境變數:

  • NVM_HOME:NVM位址目錄,例如:D:\myEnvironment\nvm
  • NVM_SYMLINK:NVM配置Node.js的軟鏈接,該目錄需指向並不存在的目錄(NVM使用時候會自動建立),例如:D:\myEnvironment\nodejs

淺談NVM如何安裝和管理多個Node版本

#追加內容到

Path,追加的內容:

%NVM_HOME%
%NVM_SYMLINK%
登入後複製
登入後複製

淺談NVM如何安裝和管理多個Node版本

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

1淺談NVM如何安裝和管理多個Node版本

配置国内源

中国大陆这边连接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/
登入後複製

1淺談NVM如何安裝和管理多個Node版本

这里解释一下参数:

  • 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
登入後複製

1淺談NVM如何安裝和管理多個Node版本

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

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

1淺談NVM如何安裝和管理多個Node版本

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

# For macOS/Linux With ZSH
source ~/.zshrc
# For Linux With Bash
source ~/.bashrc
登入後複製
登入後複製

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

nvm -v
登入後複製
登入後複製

1淺談NVM如何安裝和管理多個Node版本

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
登入後複製
登入後複製

1淺談NVM如何安裝和管理多個Node版本

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
登入後複製

查看已经安装的版本:

1淺談NVM如何安裝和管理多個Node版本

1淺談NVM如何安裝和管理多個Node版本

2. 查看可安装版本

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

# macOS/Linux
nvm ls-remote --lts
# Windows
nvm list available
登入後複製

1淺談NVM如何安裝和管理多個Node版本

淺談NVM如何安裝和管理多個Node版本

3. 安装Node.js

我们安装v12.21版本node:

2淺談NVM如何安裝和管理多個Node版本

2淺談NVM如何安裝和管理多個Node版本

4. 激活Node.js版本

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

nvm use 12.21
登入後複製

测试一下可以使用用的:

2淺談NVM如何安裝和管理多個Node版本

2淺談NVM如何安裝和管理多個Node版本

如何卸载

如果你需要卸载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如何安裝和管理多個Node版本

2. 删除环境变量

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

2淺談NVM如何安裝和管理多個Node版本

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

%NVM_HOME%
%NVM_SYMLINK%
登入後複製
登入後複製

2淺談NVM如何安裝和管理多個Node版本

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:

2淺談NVM如何安裝和管理多個Node版本

Minecraft面板

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

VUE

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

2淺談NVM如何安裝和管理多個Node版本

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

以上是淺談NVM如何安裝和管理多個Node版本的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:juejin.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!