2. Windows 10 - Nvm - node版本管理工具的安装、配置/全局配置(自动切换)、卸载方法 - 安装cnpm报错与解决方法 - 已安装 Node不卸载的方法

目录

关联链接

1. Windows 10 - Node与Vue - 安装 Vue 2.x 及 3.x 框架 - 项目创建要点 - 1

测试环境

Windows 10

nvm 的测试版本:  1.1.11

Node 测试版本:16.18.1

一、安装 Nvm

下载地址:传送门 0

下载地址 1.1.10 版本:传送门 1

nvm 1.1.11 版本 资源下载链接:传送门 2

在这里插入图片描述

1. 新建一个 Nvm 目录,用来放置 nvm 和 Node 软件的安装文件。

在这里插入图片描述


在这里插入图片描述

2. 目录记得加上 nodejs (有一点要知道,指定了这个路径那么 nodejs 不会自动安装一个本地的 node 环境)

在这里插入图片描述

3. 自定义路径安装 nodejs,在点击 finish 完成 nvm 安装后的目录情况,一开始是没有 nodejs 目录的,但如果是默认安装 C 盘的,会在 C 盘有一个 nodejs 目录,还有nvm install 下载了一个Node,然后使用 nvm use 命令后,就会自动在自定义目录内创建一个 nodejs目录,要注意这一点。

在这里插入图片描述

4. 安装 node 16.18.1

在这里插入图片描述

5. 初次使用 nvm 时,本地 node.js 路径配置

这里需要注意配置环境变量,如果都配置了 PC 的用户变量 和系统变量,那么就会优先使用 PC 的用户变量。 之前选择的路径是 \Nvm\node.js 现在修改为 \Nvm\nvm\node.js

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

注: 如果已经安装node安装包,可以不卸载node包,使用该命令nvm off禁用一次,再使用nvm on打开即可

启用nvm 首次使用nvm时,需要启用nvm,使用nvm on命令来生成nodejs快捷方式

在这里插入图片描述

在自定义路径下自动创建 nodejs 目录

在这里插入图片描述

注意,当第一次使用时,切换命令成功了,但是查看node版本却发现不存在,请注意使用nvm on来开启nvm管理,请记住,否则第一次它是没有生成nodejs快捷方式的,这个不关环境配置的事情,第一次就是需要使用nvm on来启用

看了资料这句话是有问题,环境配置路径不对,是不会在 \Nvm\nvm\node.js 路径下创建 node.js 文件夹的,笔者原来的路径是 \Nvm\node.js 改为 \Nvm\nvm\node.js,但 nvm on 命令是在初次使用 nvm 时,的确是需要使用的。

6. 查看 nvm 安装目录下的 setting.txt 配置文件:

在这里插入图片描述

7. 镜像配置,此时可以再增加两条镜像源配置,配置国内源,可以使得包的下载速度更快

node_mirror: npm.taobao.org/mirrors/node/
npm_mirror: npm.taobao.org/mirrors/npm/

在这里插入图片描述

8. 查看 nvm 版本

nvm -v

9. 如果此时使用 npm 是没有该命令的,将会报错 ‘npm’ 不是内部或外部命令,也不是可运行的程序或批处理文件。

必须要安装一个某个 Node 后,使用 nvm use 命令后,才会识别 npm 命令。

二、卸载 Nvm

如何卸载 Nvm,点击 unins000.exe

在这里插入图片描述


最后要删除 nvm 文件夹,就可以删除了。

在这里插入图片描述

三、Nvm 安装指定版本 Node 配置理解

nvm 是一个 Node 版本管理工具,类似 anaconda3 那样的 python 虚拟环境 管理工具。 每次要替换其它版本的 Node ,只需要使用命令 nvm use <node version>,当然首先要使用 nvm list,来查看当前已经安装的 Node,复制粘贴,切换 Node 版本。

Nvm 常用命令:

1. 输入命令查看可安装的 Node 版本列表,

nvm ls available

在这里插入图片描述

CURRENT:为当前最新的版本
LTS:为稳定版本
OLD:历史版本
建议选择LTS稳定版的

2. 安装

nvm install <node version>

3. 查看

nvm list

在这里插入图片描述

4. 切换为指定的 Node 版本(有时候没办法切换,那就使用管理员权限重新打开终端)

nvm use <node version>

在这里插入图片描述


在这里插入图片描述

5. 删除指定的 Node 版本

nvm uninstall <node version>

四、关于全局配置与缓存依赖的配置深入理解

深入理解全局配置 node_global 与缓存依赖 node_cache 这两个文件。

  1. 当用 nvm install 下载的新版本 Node 环境,在切换 Node 版本后,在当前的 Node 环境下,都会用到这个指定的全局配置 node_global 与缓存依赖 node_cache 内的插件,就好比如 cnpm 插件,可以用它下载国内的各种依赖,这里就以 Vue 框架的依赖为例。

就目前来看,有些全局配置依赖,在某些 Node 版本下是可以运行的,比如 cnpm 在 node v14 版本下是无法下载使用的,但是可以在 Node v16 版本以上下载安装并使用,具体的解决方法看下面的 五、报错文件集锦

  1. 上面是个别解决方法,有其它解决不同 Node 版本全局配置 node_global 与缓存依赖 node_cache 插件有时候无法适配的解决方法吗?有的,如下所示:

每次切换 Node 环境后,也可以切换 全局配置 node_global 与缓存依赖 node_cache 的路径,比如为每一个 Node 环境设置一个专属于它的 全局配置 node_global 与缓存依赖 node_cache 文件。

具体如下,以 Node 16.18.1 为例,但感觉很麻烦,有兴趣的可以去试下。

nvm on
nvm use 16.18.1
npm config set prefix "D:\xxx\xxxx\Nvm\nvm\v16.18.1\node_global"
npm config set cache "D:\xxx\xxxx\Nvm\nvm\v16.18.1\node_cache" 

在这里插入图片描述

  1. 笔者之前看过有些人是直接不修改全局配置 node_global 与缓存依赖 node_cache 的路径,具体如下:新建一个 node 文件夹,然后在 node 文件夹内新建 node_global 和 node_cache,后面就切换其它 Node 版本时,全部用这个路径下的 全局配置 node_global 与缓存依赖 node_cache 的路径,如果不觉得麻烦的,随意,就用这个配置。
nvm on
nvm use 16.18.1
npm config set prefix "D:\xxx\xxxx\Nvm\node\node_global"
npm config set cache "D:\xxx\xxxx\Nvm\node\node_cache" 

在这里插入图片描述

在这里插入图片描述

npm 全局验证

全局(-g)安装express验证

npm install express -g

npm install 会自动切换全局配置 node_global 与缓存依赖 node_cache

有意思的是,笔者在切换了16.18.1 版本的 Node 环境后,然后再用一个前端 Vue 项目,npm install 安装相关依赖后,发现全局配置 node_global 与缓存依赖 node_cache 被切换为该 16.18.1 node 环境下的 全局配置 node_global 与缓存依赖 node_cache ,这一点挺有意思,在某个 Node 环境下,使用 npm install 命令安装依赖,会自动切换 全局配置 node_global 与缓存依赖 node_cache

在这里插入图片描述

这个切换nvm use <version> 命令不会自动切换 全局配置 node_global 与缓存依赖 node_cache 的路径,除非手动输入如下命令:(下面路径只是举例,需要自己修改)

npm config set prefix "D:\xxx\xxxx\Nvm\nvm\v16.18.1\node_global"
npm config set cache "D:\xxx\xxxx\Nvm\nvm\v16.18.1\node_cache" 

或者使用 如下命令安装项目依赖时,会自动配置新路径为指定的 Node 版本(例如 16.18.1 Node环境)下的全局配置 node_global 与缓存依赖 node_cache 的路径,相当于上面的两条命令。

nvm use 16.18.1
npm install 

四、参考链接

相关文章

文章浏览阅读2.2k次,点赞6次,收藏20次。在我们平时办公工作...
文章浏览阅读1k次。解决 Windows make command not found 和...
文章浏览阅读3.2k次,点赞2次,收藏6次。2、鼠标依次点击“计...
文章浏览阅读1.3w次。蓝光版属于高清版的一种。BD英文全名是...
文章浏览阅读974次,点赞7次,收藏8次。提供了更强大的功能,...
文章浏览阅读1.4w次,点赞5次,收藏22次。如果使用iterator的...