文档 计算
【nvm】适合小白的 nvm 安装配置教程(Windows版)

【nvm】适合小白的 nvm 安装配置教程(Windows版)

【nvm】适合小白的 nvm 安装配置教程(Windows版) nvm 简介 nvm 全称为 node.js version management,顾名思义是用于管理多个 nodejs 的版本控制工具。通过 nvm 可以安装和切换不同版本的 nodejs。nvm 主要是为了解决 node.j

【nvm】适合小白的 nvm 安装配置教程(Windows版)

nvm 简介

nvm 全称为 node.js version management,顾名思义是用于管理多个 nodejs 的版本控制工具。通过 nvm 可以安装和切换不同版本的 nodejs。nvm 主要是为了解决 node.js 各种版本存在不兼容现象。

一、nvm 的安装与配置

1、install nvm

🔎 nvm 官方下载地址.

🔎 nvm1.1.12 百度网盘地址【不保证最新版本哈】.

【nvm】适合小白的 nvm 安装配置教程(Windows版).

.

.

2、base command【主要验证 nvm 是否安装成功】

architecture:架构

# 查看 nvm 版本,version 可简写成 小v
nvm version
nvm v
# 显示 node 是运行在 32 位还是 64 位
nvm arch

【nvm】适合小白的 nvm 安装配置教程(Windows版).

重头戏来啦

# 显示已经安装的列表,list 可简化为 ls
nvm list
# 显示远程可安装的列表,list 也可简化为 ls
nvm list available
# 卸载指定版本 node
nvm uninstall [version]
# 使用指定版本 node
nvm use [version]

.

【nvm】适合小白的 nvm 安装配置教程(Windows版).

玩玩就好了,基本不会用到

# 开启 node.js 版本管理
nvm on
# 关闭 node.js 版本管理
nvm off

【nvm】适合小白的 nvm 安装配置教程(Windows版).

3、configure taobao mirror【配置下载镜像】

nvm 的安装路径下,找到 settings.txt,在后面加上这两行,设置国内淘宝镜像源:

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

提醒
阿里云开源镜像站:
https://npm.taobao.org/【该域名在 2022.06.30 号正式下线和停止 DNS 解析,新域名npmmirror.com】

【nvm】适合小白的 nvm 安装配置教程(Windows版).

【nvm】适合小白的 nvm 安装配置教程(Windows版).

问题:为什么要配置镜像?

答:配置完国内的镜像后,npm install xxx 的下载速度会很快!

二、node 的安装与配置

1、install node

nvm list available
nvm install 16
nvm list
nvm use 16

小提示:不要安装 node 的奇数版本!LTS 一般就是偶数版本。

【nvm】适合小白的 nvm 安装配置教程(Windows版).

【nvm】适合小白的 nvm 安装配置教程(Windows版).

2、修改 npm 默认镜像源【新增内容

方式一:手动修改

  1. 修改 npm 镜像源为淘宝镜像源
npm config set registry http://registry.npmmirror.com
  1. 检查是否成功
npm config get registry

.

方式二:安装 nrm

前提:需要先安装 node
请参考下 nrm 安装使用教程 这篇文章.

3、配置 node 的 prefix(全局路径)和 cache(缓存路径)

3.1、【非必须,可直接跳过】选择需要使用的 node 版本,新建两个文件夹

.

.

每次使用 nvm 安装 node 都需要手动创建这两个文件夹吗?

答:并不是每次都需要自己手动创建,但是第一次推荐你手动创建,以后当你设置 prefix 和 cache 后,系统会自动创建。

node_global:npm install 下载的全局插件

node_cache:node 的缓存

3.2、【关键】设置全局模板(prefix)和缓存文件(cache)的存放路径:

# npm config set cache "%NVM_SYMLINK%\node_cache"
npm config set cache "D:\nvm\nodejs\node_cache"
# npm config set prefix "%NVM_SYMLINK%\node_global"
npm config set prefix "D:\nvm\nodejs\node_global"
# 可编辑 .npmrc 配置文件
npm config edit
# 查看部分 .npmrc 配置信息
npm config ls

【nvm】适合小白的 nvm 安装配置教程(Windows版).

【nvm】适合小白的 nvm 安装配置教程(Windows版).

注意:

  1. 引号里面换自己的路径
  2. 引号里面的路径是软链接(nodejs)的路径

每次使用 nvm 安装 node 都需要配置 prefix 和 cache 吗?

答:并不需要每次都设置。配置的 prefix 和 cache 的信息都在 C:\Users\zhuang\.npmrc 文件里

4、配置 node 环境变量(通用配置,仅需一次配置)

版本一:【推荐】简单

.

版本二:【跳过就行】复杂

问题:每次使用 nvm 安装 node 都需要配置环境变量吗?

答:配置时多注意注意 NODE_PATH 值的配置就可以避免多次配置环境变量。不然每次更换 node 都需要配置环境变量。

NVM_HOME:nvm 地址目录

NVM_SYMLINK:nvm 配置 nodejs 的软链接,nvm use 版本号 时会自动创建

安装 nvm 时 NVM_HOMENVM_SYMLINK 一般会自动配置上,不需要我们手动配置,非常舒心!

NODE_PATH:需要万分注意!!!,格式是:NVM_SYMLINK 路径 + \node_global

这样配置的话你就只需要配置一次,以后切换其他版本的 node 时也不需要重新配置 NODE_PATH 环境变量,方便使用。

注意:下图中 NODE_PATH 的值需要手动配置,其中 %NVM_SYMLINK% 需要换上具体的值,然后加上 \node_global

eg. 我的 NODE_PATH 配置为

D:\nvm\nodejs\node_global

【nvm】适合小白的 nvm 安装配置教程(Windows版).

.

5、配置完成后,输入以下命令进行验证

# 查看 node 版本,若返回版本号,node 可用
node -v
# 查看 npm 版本,若返回版本号,npm 可用
npm -v

如果返回了相应的版本号,则证明成功。

.

三、【选学】扩展:nvm 如何实现 node 任意切换

【nvm】适合小白的 nvm 安装配置教程(Windows版).

【nvm】适合小白的 nvm 安装配置教程(Windows版).

【nvm】适合小白的 nvm 安装配置教程(Windows版).

五、参考

  1. nvm(Vue)安装与配置保姆级教程.
  2. nvm介绍、安装、报错处理以及使用.
  3. [转]npm查看一个包的版本信息.
  4. Windows/macOS/Linux上安装Node.js,并使用NVM管理多版本Node.js.