如何切换node版本

在公司实战项目开发中遇到了运行项目时发现node版本问题导致项目运行失败,现在将自己的处理方式总结如下,方便自己以后查阅同时与小伙伴们共同分享

1.关于nvm的下载以及安装

下载

github上下载最新版本nvm-windows

nvm官网

个人建议使用 nvm 1.1.7 指定版本,因为下面有最新的踩坑记录

打开github之后,首先看到的是当前最新的版本号,鼠标往下滚动即可看到各类压缩包
  • nvm-noinstall.zip: 绿色免安装版本,但是使用之前需要配置
  • nvm-setup.zip:安装包,下载之后点击安装,无需配置就可以使用,方便,推荐
  • Source code(zip):zip压缩的源码
  • Sourc code(tar.gz):tar.gz的源码,一般用于Linux系统

安装

我这里时下载的nvm-setup.zip解压后会有一个文件目录进去寻找nvm-setup.exe文件打开或双击该文件
在这里插入图片描述

按照提示即可进行傻瓜式安装
注意:在安装目录下不可出现中文文件路径,否则会出现在当前输入nvm命令会出现找不到nvm命令的情况
在这里插入图片描述

安装成功后,在命令行窗口输入nvm即可查看当前nvm的安装版本,则表示nvm安装成功
在这里插入图片描述

安装完nvm后记得注销或重启电脑

修改settings.txt

在你安装的目录下找到settings.txt文件,打开后加上

我的默认安装地址是:C:\Users\Administrator\AppData\Roaming\nvm,如果你没有自定义指定安装位置,可以去这个地址可以快速找到位置

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
在这里插入图片描述
将npm镜像改为淘宝的镜像,可以提高下载速度

2.在nvm中切换node版本

首先设置nvm的环境变量

我的电脑右键属性---->高级系统设置---->环境变量---->系统变量,点击NVM_HOME,将变量值更改为nvm的安装路径即可
在这里插入图片描述

此时应当注意环境变量中的值应当与nvm文件目录中的settings.txt文件中的root值相对应

在这里插入图片描述

其次设置node的环境变量

我的电脑右键属性---->高级系统设置---->环境变量---->系统变量,点击NVM_SYMLINK,将变量值更改为node的安装路径即可,操作方式与设置nvm环境变量类似,只是变量值与变量名不一致
node变量设置

此时应当注意环境变量中的值应当与nvm文件目录中的settings.txt文件中的path值相对应

在这里插入图片描述
如果电脑中已有node文件夹或node版本,应当先删除或卸载,不然会影响nvm安装node版本后的版本切换,nvm主要是依靠下载node快捷目录,如果当前电脑存在node版本或node文件夹,就会出现node版本切换不成功
以上所有步骤执行完毕后, 一定要注销或重启电脑,一定要注销或重启电脑,一定要注销或重启电脑

最后再使用nvm命令切换node版本即可完成

nvm的常用命令:

  • nvm uninstall 版本号:卸载指定版本
  • nvm list:查看目前已经安装的版本
    在这里插入图片描述
  • nvm list available:显示可下载的node版本部分列表
    在这里插入图片描述
  • nvm install v12.8.0:下载当前指定切换的node版本
    在这里插入图片描述
  • nvm use v10.14.0:切换使用指定node版本
    在这里插入图片描述

记2022年11月22日的坑位

在公司电脑中遇到 node不是命令 的情况,踩坑几个小时之后终于排查到自己的问题原因所在,当然在网上搜索的很多都是说是需要管理员下运行cmd运行,但是我的使用管理员权限运行cmd也是提示node不是命令,公司又有个紧急任务,搞得那叫一个心急啊…

首先说一下进坑原因,最开始是因为通过nvm切换13.8.0和14.8.0,下载后,等我去切换使用这两个版本时却意外乱码了。

在网上找了一堆没有能填我坑位的办法,所以无形之中本地node环境就被我这样玩坏了,一顿折腾后,发现cmd能使用node,开发工具又不行了,真的是裂开了,找了很多资料都说是开发工具没有使用管理员权限,结果。。。还是不行,真的是气不行了

扭头一看时间,到点了,把本地nvm全部删掉,nvm相关的环境变量删掉,那就关机。。。下班

早上再过来上班的时候突然灵光一现,会不会是因为nvm版本的原因,然后按照自己上面的博客走了一遍流程,发现真的可以了,此刻激动的泪水。。。
nvm官方地址
去官网也看到这个
在这里插入图片描述
所以最好是下载这个指定版本,不要太轻易尝试最新版本,不然会耗掉太多时间,前面折腾期间我本地nvm版本是1.1.10的版本

就这样,散会。。。

记2023年5月4日坑位

踩坑缘由:
公司项目分为pc和新uni项目,pc就普通node环境即可,但uni是使用vue3搭建的项目,所以node版本要求较高,再使用nvm1.1.7版本时切换18.15.0的node版本时遇到了下面问题:
报错代码:

ERROR: npm v9.5.0 is known not to run on Node.js v18.15.0. You'll need to upgrade
to a newer Node.js version in order to use this version of npm. This version of
npm supports the following node versions: `^14.17.0 || ^16.13.0 || >=18.0.0`. You
can find the latest version at https://nodejs.org/.

报错截图:
node报错截图
只要使用npm命令都会直接报上面的错误,后来一路踩坑,最终花了一个钟头,找到了解决问题方法,将本地nvm文件里的数据全部删掉,重新去nvm官网下载了1.1.10的版本,然后再重新安装node版本,问题就解决了
在这里插入图片描述

总结:此次踩坑记录排查原因主要就是nvm1.1.7的版本不支持node高版本,为了防止npm包数据混乱,个人采取了将本地的nvm文件夹里的所有node版本数据全部删除!

完美解决,以下是最终效果:
在这里插入图片描述

以上完全是个人踩坑内容记录以便后期查看学习,并不适用所有人,如果想在评论区喷的话,那你都是对的,我的错,不能预判到你的问题原因!!!

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐