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

已于 2023-10-12 09:41:52 修改
阅读量1.1w 收藏 58
点赞数 11
分类专栏： Vue 文章标签： windows vue.js npm node.js
于 2023-06-07 10:34:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42701659/article/details/131063110
版权

目录

关联链接

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

四、参考链接

🛬🛬🛬来一篇nvm不完全指南

nvm的安装及全局依赖配置（详细）

nvm 安装配置

五、安装cnpm报错集锦

问题 1. 安装 nvm 后，node v14 版本无法安装 cnpm，只能在 Node v16 版本上才能安装 cnpm 否则会报如下错误

npm ERR! errno -4048
npm ERR! Error: EPERM: operation not permitted, rename 'x:\xx\xx\open-his-ui\node_modules\array-slice\package.json.4086199326' -> 'x:\xx\xx\open-his-ui\node_modules\array-slice\package.json'
npm ERR!  [OperationalError: EPERM: operation not permitted, rename 'x:\xx\xx\open-his-ui\node_modules\array-slice\package.json.4086199326' -> 'x:\xx\xx\open-his-ui\node_modules\array-slice\package.json'] 
{
npm ERR!   cause: [Error: EPERM: operation not permitted, rename 'x:\xx\xx\open-his-ui\node_modules\array-slice\package.json.4086199326' -> 'x:\xx\xx\open-his-ui\node_modules\array-slice\package.json'] {  
npm ERR!     errno: -4048,
npm ERR!     code: 'EPERM',
npm ERR!     syscall: 'rename',
npm ERR!     path: 'x:\xx\xx\open-his-ui\\node_modules\\array-slice\\package.json.4086199326',
npm ERR!     d

安装 cnpm 命令：

npm install -g cnpm

解决方法

本来下载 cnpm 是为了使用国内的中国版 npm ，也就是为了速度才去使用它，但是 Node v14 版本无法使用，那么就只能在 nvm安装位置，打开文件：settings.txt ，配置镜像：

root: D:\xxx\Nvm\nvm
path: D:\xxx\Nvm\nvm\nodejs
node_mirror: npm.taobao.org/mirrors/node/
npm_mirror: npm.taobao.org/mirrors/npm/

六、已安装 Node不卸载的方法，由 Nvm 管理之前已安装的 Node.js

解决方法
（这个上面 一、 5. 初次使用 nvm 时，本地 node.js 路径配置就有提到 ）

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

1. 禁用node.js版本管理(不卸载任何东西)
	 nvm off          
2. 启用node.js版本管理
	 nvm on                   
3. 显示可以安装的所有node.js的版本
     nvm list available
4. 查看已安装的node版本 (两个命令都可以)
     nvm list
     nvm ls
5. 根据node的版本号安装node
     nvm install 16.17.0  (16.17.0是版本号)
6. 卸载已安装的node对应的版本
     nvm uninstall 16.17.0
7. 切换node到该版本使用
     nvm use 16.17.0

六、参考链接

三分钟学会node包管理工具nvm的安装及使用

nvm安装与配置

问题1 参考链接

1. npm安装报错（npm ERR! code EPERM npm ERR! syscall mkdir npm ERR! path C:\Program Files\nodejs\node_ca…）

2. npm ERR! errno -4048 npm ERR! Error: EPERM: operation not permitted, rename ‘G:\xxx\xxxx\open-his-ui

3. 使用npm报npm ERR code EPERMnpm ERR syscall rename错误

4. 报错：npm ERR code EPERM

5. npm安装报错（npm ERR code EPERM npm ERR syscall mkdir npm ERR path CProgram Filesnodejsnode_ca…）

6. nvm(Vue)安装与配置保姆级教程

7. nvm的安装及全局依赖配置（详细）

8. npm ERR Error: EPERM:operation not permitted, rename

参考链接

1. window10下node使用管理神器NVM安装配置超详细步骤

2. nvm 安装配置

3. NPM配置文件在哪里？

4. nvm 下载 node 报错

5. Vue中nvm-windows的安装与使用教程(亲测)

6. nvm(Vue)安装与配置保姆级教程

7. nvm 安装 vue环境（node npm vue）

8. vue版本控制器nvm安装使用教程

9. 使用nvm可以更换nodejs版本。方便不同项目的切换

10. vue 安装版本管理 nvm

11. nvm安装到vue-cli构建项目

12. nvm下node安装；node环境变量配置

13. Vue与Node介绍，两者可分可合，安装node

14. nodejs和vuejs的区别

15. Node环境和Vue脚手架的搭建（详细教程）

16. nvm如何变更npm版本

17. 使用nvm如何切换node版本

18. nvm的安装及全局依赖配置（详细）

沐 修
关注
  • 11
    点赞
  • 踩
  • 58
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
nvm-setup-node版本管理.zip
03-24
在压缩包内的文件“nvm-setup-node版本管理”很可能是一个包含nvm安装步骤、配置指南或者自动化安装脚本的文件。用户只需按照其中的指示进行操作，就可以在自己的计算机上设置好nvm，并通过它来轻松安装、切换和卸载...
node版本管理工具nvm-setup-1.1.12
04-07
然而，随着Node.js的频繁更新，开发者可能需要在不同的项目中使用不同版本的Node.js，这就催生了Node版本管理工具NVM（Node Version Manager）的诞生。 NVM，全称为Node Version Manager，是用于管理和切换不同版本...
nvm与node安装配置（保姆级教程）
做打不死的小强
05-16 4960
npm -vnode -v显示所有可安装版本安装指定版本的 Node.js。切换到指定版本的 Node.js。nvm ls 或者 nvm list列出已安装的所有 Node.js 版本。给指定版本创建别名。在指定版本下运行脚本。显示当前正在使用的 Node.js 版本。卸载指定版本的 Node.js。
nvm介绍、nvm下载、nvm安装、配置及nvm使用(Node Version Manager)nodejs版本管理切换工具
热门推荐
南北极之间
06-21 16万+
在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境，这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。Node Version Manager（NVM） 是一种用于管理多个主动节点.js版本的工具。Node.js平台，Node.js工具社区和Node.js库是快速移动的目标 - 在一个Node.js版本下可能有效的方法不能保证适用
window下安装并使用nvm（含卸载node、卸载nvm、全局安装npm）
x03_01的博客
05-30 1084
nvm 全名，顾名思义是一个的版本管理工具。通过它可以安装和切换不同版本的nodejs。一、卸载node如果你已经安装了node，那么你需要先卸载node，如果你没有安装那直接跳过这一步到下一步。打开控制面板 -> 打开程序和功能 -> 右上角搜索输入node -> 右键卸载为了确保彻底删除node在看看你的node安装目录中还有没有node文件夹，有的话一起删除。再看看C:\Users\用户名 文件夹下有没有.npmrc以及.yarnrc等等统统删除。
nvm安装详细教程（卸载旧的nodejs，安装nvm、node、npm、cnpm、yarn及环境变量配置）
sjp991012的博客
11-16 4万+
参考文章《nvm-下载、安装、使用（2023/07/12更新）》《安装nvm，并使用nvm安装nodejs及配置环境变量》
node安装和配置(node-v12.20.2-x64 ) 以及node版本切换介绍
qq_30306717的博客
11-05 3万+
node的安装、配置环境变量、常用全局包汇总、配置镜像源、node版本切换nvm
nvm安装，nvm的使用，nvm常用命令，nvm安装node报错，nvm切换不了，等系列集合
沐枫
08-01 5万+
在Web前端项目开发过程中，由于各种前端框架、插件 以及 Nodejs、Npm 的飞速更新，在项目新开发 或 对老项目进行更新维护时，有些项目版本的配置 和 当前Node、Npm环境不匹配，导致运行报错，甚至都无法启动。Nvm的出现就是为了解决以上问题的，Nvm是一个Node.js版本管理器 ，为了解决Node各种版本存在不兼容问题，Nvm其实是让你在同一台机器上根据需要，安装 或 切换项目所对应的Node版本来适配项目。
npm、cnpm、yarn管理工具常见指令Node与Vue安装环境配置及nvm常用指令详解
Programming is art
04-26 1167
npm：是Node.js下的资源包管理器，可以简单的理解为下载、更新、卸载等一系列操作的命令框工具。webpack：它主要用途是通过CommonJS的语法把所有客户端需要发布的静态资源做整合，例如图片视频、静态页面、css样式、font-icon等资源合并打包等操作。vue-cli：vue官方所提供快速生成一个Vue工程化的模版项目工具。
nvm详细安装使用教程(nvm-node多版本管理工具），详细命令
Z_Wonderful的博客
06-06 6819
nvm详细安装使用教程(nvm-node多版本管理工具），详细命令
【Node.js】使用 nvm 管理不同版本的 node 与 npm（nvm-windows的安装与使用）
余浩的博客
07-23 1413
nvm：nodejs 版本管理工具，也就是说：一个 nvm 可以管理很多 node 版本和 npm 版本。也可以额外配置全局npm与cnpm。
nvm-0.39.4 node版本管理工具
01-04
总的来说，`nvm-0.39.4` 提供了一种高效的方法来管理 Node.js 版本，配合 Apache、Java 和 Vue.js 等技术，可以构建出强大、灵活的 Web 应用程序。无论是初学者还是经验丰富的开发者，掌握 nvm 的使用都将极大地提升...
nvm-windows：Windows的node.js版本管理实用程序。 具有讽刺意味的用Go语言编写
02-02
Windows的节点版本管理器（nvm） 在Windows计算机上管理node.js的多个安装。 tl; dr与相似（不同），但适用于Windows。 有一个安装程序。 ！ 它一直是节点版本管理器，而不是io.js管理器，因此没有对io.js的支持。 ...
nvm-windows-nvm-setup.zip
09-17
2. **Windows 版本：** NVM最初是为Unix-like系统（如macOS和Linux）设计的，但"nvm-windows"是NVM的一个Windows适配版本，它提供了类似的多版本管理功能。 3. **国内镜像：** 为了解决国际网络访问速度问题，国内...
javafx的ListView代入项目的使用
最新发布
2302_80364740的博客
07-25 457
（渲染器）展示控件的每个单元格，并且它可以允许你为每个单元格提供一个定制的渲染器，这里我定制的渲染器为ImageCellFctoryFriendList（方法名自定义），为自定义函数，格式需要一样，但是内容可以自定义。sitItems展示我添加的好友信息（项目中我只展示了好友的头像，昵称及在线状态）其中User为用户信息，MarkTool类是为了方便客户端，服务端传递信息的。这里先获取需要的用户信息，然后进行展示，两个50分别为展示头像的长和宽。设置右击菜单，这里右会出现两个按钮，具体代码在本文章的最后！
C++STL初阶（8）：list的简易实现（上）
2301_79501467的博客
07-24 768
简易实现List的前半部分内容(不包括各类构造)
18.jdk源码阅读之CopyOnWriteArrayList
前端、移动端、后端源码级底层原理分享
07-25 626
CopyOnWriteArrayList 是 Java 中的一种线程安全的 List 实现，基于“写时复制”（Copy-On-Write）机制。
nvm安装后node -v报错
07-28
回答: 当你安装完nvm后，使用node -v命令报错的原因可能是因为环境变量没有正确配置。你可以按照以下步骤进行检查和修复: 1. 首先，确认你已经正确安装了nvm，并且在安装过程中没有出现任何错误。 2. 检查环境变量配置。打开命令提示符窗口，输入echo %PATH%命令，查看是否包含了nvm的安装路径。如果没有包含，你需要手动将nvm的安装路径添加到环境变量中。 3. 确保环境变量中的NVM_SYMLINK和NVM_HOME的值正确。根据引用\[2\]中的描述，你需要将这两个变量的值修改为nvm的安装路径下的nodejs文件夹的路径。 4. 重新启动命令提示符窗口，然后再次尝试运行node -v命令，看是否还报错。 如果你仍然遇到问题，可以尝试卸载并重新安装nvm，确保按照官方文档的指引进行操作。如果问题仍然存在，你可以参考nvm的官方文档或者在相关的技术论坛上寻求帮助。 #### 引用[.reference_title] - *1* *2* [windows下安装nvm成功，但是node -v报错](https://blog.csdn.net/zjuwwj/article/details/108345520)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [nvm install 后，npm -v报错](https://blog.csdn.net/qq_42440919/article/details/121491843)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值