Jamey's Jamey's
首页
导航站
  • 学习专栏

    • 《HTML》笔记
    • 《CSS》笔记
    • 《JavaScript》笔记
    • 《Vue》笔记
    • 《Git》笔记
    • 《规范》笔记
    • 《软技能》笔记
    • 《面试》笔记
    • 《持续集成&交付&部署》笔记
  • 踩坑专栏

    • 《Element-UI 实践系列》笔记
    • 《移动端 实践系列》笔记
    • 《综合》笔记
  • 配置专栏

    • 《环境系列》笔记
  • 极空间

    • Docker
  • 影视

    • movie
  • 编辑器笔记

    • 开发编辑器
  • 浏览器笔记

    • Chrome
  • Mac笔记

    • Mac
  • 跨界学习

    • 运营
  • 破解合集

    • 破解
  • 本站

    • 分类
    • 标签
    • 归档
  • 我的

    • 收藏
    • 书单
    • 关于

Jamey

首页
导航站
  • 学习专栏

    • 《HTML》笔记
    • 《CSS》笔记
    • 《JavaScript》笔记
    • 《Vue》笔记
    • 《Git》笔记
    • 《规范》笔记
    • 《软技能》笔记
    • 《面试》笔记
    • 《持续集成&交付&部署》笔记
  • 踩坑专栏

    • 《Element-UI 实践系列》笔记
    • 《移动端 实践系列》笔记
    • 《综合》笔记
  • 配置专栏

    • 《环境系列》笔记
  • 极空间

    • Docker
  • 影视

    • movie
  • 编辑器笔记

    • 开发编辑器
  • 浏览器笔记

    • Chrome
  • Mac笔记

    • Mac
  • 跨界学习

    • 运营
  • 破解合集

    • 破解
  • 本站

    • 分类
    • 标签
    • 归档
  • 我的

    • 收藏
    • 书单
    • 关于
  • NPM

  • Node

    • Node 完全卸载
    • NVM 管理多版本 Node
      • 📖. 前言
      • 一. 环境准备
      • 二. Mac / Linux
        • 1. 安装 NVM(推荐👉)
        • 2. 安装国内源
        • 3. 安装 Node
      • 三. Windows
        • 1. 安装 NVM
        • 2. 配置国内源
        • 3. 安装 Node
      • 四. NVM 常用命令
      • 🌟. 参考
    • http-server 开启本地服务器
  • CNPM

  • Homebrew

  • Tree

  • Git

  • 《环境》笔记
  • Node
Jamey
2022-04-21
目录

NVM 管理多版本 Node

# NVM 管理多版本 Node

node_07-22_01

# 📖. 前言

我们构建一些项目时,经常需要旧版本的 node,如 Hexo 目前支持性比较好的版本是 v12,而最新的 Node 稳定版本是 v16。这个时候,为了避免 bug,我们需要切换 Node 版本。

警告⚠️:十分不推荐使用 NPM 下,n 模块来管理 Node 版本

# 一. 环境准备

本次教程,适用于 Mac、Linux 和 Windows,使用 NVM 管理 Node 版本。

  • For Mac/Linux:https://github.com/nvm-sh/nvm (opens new window)
  • For Windows:https://github.com/coreybutler/nvm-windows (opens new window)

配置前,请事先卸载你已经安装的 Node 版本和配置的环境变量,避免冲突。

如何完全卸载,参考《Node 完全卸载》

# 二. Mac / Linux

Mac 和 Linux 都可以使用编译安装的方法,安装 NVM。但是 Mac 用户还是推荐使用 Homebrew 来安装 NVM。

以下方法,参考 NVM 项目发布地址:https://github.com/nvm-sh/nvm (opens new window)。安装完成后,终端输入

nvm
1

未报 command not find 错误,说明 NVM 已经安装成功。

# 1. 安装 NVM(推荐👉)

Mac 专属: Homebrew 安装:在安装 Homebrew 情况下,终端输入以下命令行,即可完成安装。

brew install nvm
1

检查环境变量的配置:

cat ~/.bash_profile
1

如果出现以下内容则是配置好了,否则请加以下内容添加到 .bash_profile 文件中:

# nvm 下 node 的环境变量配置
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh
1
2
3

添加完后需要重启脚本:

source ~/.bash_profile
1

注意:⚠️ 使用 zsh 的用户,每次打开新的终端窗口都会无法使用 nvm 命令,需要把 .bash_profile 添加到 .zshrc 文件中:

  1. 打开 ~/.zshrc 文件
  2. 找到 # User configuration 所在的行
  3. 在下方添加 source ~/.bash_profile
  4. 保存退出后重新执行脚本 source ~/.zshrc

验证是否安装完成(关闭终端,重新打开新的终端窗口):

nvm --version
1

# 2. 安装国内源

大陆这边连接 Node 和 NPM 源有点忙,进而NVM也比较慢,所以我们换成国内源,在终端内输入:

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

# 3. 安装 Node

nvm 安装完成后就可以开始管理 nodejs 的版本了

# 最新的 lts 版本
nvm install --lts

# windows 需要精准的版本号才可以下载(v 要不要都可以)
nvm install v12.18.1
1
2
3
4
5

安装完后需要切换 Node 版本

# macOS 系统的 use 指令只是临时切换
nvm alias default 12.18.1

# windows 在首次安装完后必须执行该命令,否则无法找到 node 命令,
nvm use v10.16.3
1
2
3
4
5

配置淘宝镜像:

npm config set registry https://registry.npm.taobao.org --global 
npm config set disturl https://npm.taobao.org/dist --global
1
2

验证是否安装完成:

npm -v
npx -v
node -v
1
2
3

# 三. Windows

如果你的操作系统是Windows系统

# 1. 安装 NVM

进入NVM-Windows项目发布地址:https://github.com/coreybutler/nvm-windows/releases (opens new window),选择最新发行版本下载:

nvm_04-21-01

图3.1-1. 下载安装版本,方便配置 ▲

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

nvm_04-21-02

图3.1-2. 解压 ▲

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

nvm_04-21-03

图3.1-3. 路径不要有中文 ▲

nvm_04-21-04

图3.1-4. 一样不要中文路径 ▲

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

nvm_04-21-05

图3.1-5. 安装完成 ▲

# 2. 配置国内源

大陆这边连接Node和NPM源有点忙,进而NVM也比较慢,所以我们换成国内源:

到你NVM安装路径,打开setting.txt文件,追加:

# node使用淘宝源
node_mirror: http://npm.taobao.org/mirrors/node/ 

# npm使用淘宝源
npm_mirror: https://npm.taobao.org/mirrors/npm/
1
2
3
4
5

nvm_04-21-06

图3.1-6. 换源 ▲

# 3. 安装 Node

首先,我们输入:

nvm list
1

查看已经安装的版本

nvm_04-21-07

图3.1-7. 没安装任何版本 ▲

之后,我们安装v12.21版本node:

nvm_04-21-08

图3.1-8. 安装12.21 ▲

这样就已经安装好了,我们测试一下也是可以用的:

nvm_04-21-09

图3.1-9. 使用node ▲

# 四. NVM 常用命令

macOS:👇

命令 说明
nvm install --lts 下载最新的稳定版
nvm use <版本号> 临时切换版本
nvm alias default <版本号> 永久切换版本(版本别名,default就是默认使用的版本)
nvm uninstall <版本号> 删除指定版本
nvm ls 查看本地所有版本
nvm ls-remote --lts 查看线上所有稳定版

Windows:👇

命令 说明
nvm install <版本号> 下载指定版本
nvm use <版本号> 切换版本
nvm uninstall <版本号> 删除指定版本
nvm list available 查看线上所有版本

# 🌟. 参考

  • 如何使用 NVM 安装并管理多版本 Node (opens new window)
  • 使用 nvm 安装 nodejs (opens new window)
  • 一篇文章了解 Mac 上 Node 环境配置 (opens new window)
#Node.js
上次更新: 2022/07/22, 15:34:12
Node 完全卸载
http-server 开启本地服务器

← Node 完全卸载 http-server 开启本地服务器→

Theme by Vdoing | Copyright © 2017-2023 Jamey | blog 闽ICP备19022664号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式