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

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

nvm 简介

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



一、nvm 的安装与配置

1、install nvm

🔎 nvm 官方下载地址.

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

image-20231117165521095.


image-20231117105855047.

image-20231117110141183.


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

architecture:架构

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

image-20231116104021164.


重头戏来啦

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

image-20231116105530304.

image-20231116105919918.


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

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

image-20231116104926531.


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

image-20231116110240298.

image-20240202205301489.

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

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



二、node 的安装与配置

1、install node

nvm list available
nvm install 16
nvm list
nvm use 16

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

image-20231116111322142.

image-20231117090853114.


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

方式一:手动修改

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

image-20240202212343592.

方式二:安装 nrm

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


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

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

image-20231116132013883.

image-20231116132131610.

每次使用 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

image-20231116133715188.

image-20231116133858389.

注意:

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

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

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



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

版本一:【推荐】简单

image-20231117125538903.


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

问题:每次使用 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

image-20231117102641335.

image-20231117125804868.


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

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

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

image-20231116131617422.



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

image-20231117104701081.


image-20231117105022521.


image-20231117105328963.



五、参考

  1. nvm(Vue)安装与配置保姆级教程.
  2. nvm介绍、安装、报错处理以及使用.
  3. [转]npm查看一个包的版本信息.
  4. Windows/macOS/Linux上安装Node.js,并使用NVM管理多版本Node.js.
posted @ 2023-11-17 16:56  软柠柠吖  阅读(29133)  评论(1编辑  收藏  举报