本人因为刚学习react,需要创建项目。下载过react依赖后才发现黑窗口提示我因node版本过低无法创建项目,怎么办呢?我去网上看了很多node升级的文章,大多数说的是重新去官网下载更高版本,我就跟着他们一步步走,但是很快问题就出现了。先是文章中说应该更改node缓存地址,防止给C盘造成过大压力。这就涉及到更改环境变量,我一顿操作后忽然发现我新安装的node版本查不到。emmmmmm 这是为什么呢?我去看了我的文件夹,发现之前的NodeJs版本是由nvm管理的。哦~~~原来是这样。我立马改道又去搜了nvm管理nodejs怎么下载更高级别的node版本。就这样,我又按照nvm的方式一步步输入命令。OK!nodejs版本下载好了。npm版本也能查到。我终于可以开始我的react之旅了。 但是!!老话说得好,人不能高兴的太早。我发现我的npm失效了,没办法下载任何依赖。我又能怎么办呢,只能改道重新去查询npm失效的解决办法,我看了很多文章,各种方法全试了,最起码在我这他们都不行。具体报错及尝试我就不在这里一一记录了。
我说说我的解决办法吧。我最终是决定卸载Nodejs以及nvm,重新走一遍流程。
因记录了自己整个解决问题的过程,废话有点多。大家可直接跳跃至标题(一:NVM介绍)阅读

注:本文编写的NVM+NodeJS安装步骤指引,是基于Windows10、64位操作系统进行的编写说明。

一、NVM介绍

NVM:Node Version Manage,即Node的版本管理工具。使用NVM,可以很方便地在多个NodeJS版本之间进行切换。

由于项目开发当中,不同的项目可能依赖不同版本的NodeJS,这种情况下,NodeJS版本的切换将会是一件非常麻烦的事情。因此,使用NVM管理NodeJS版本就显得尤为重要

二、卸载电脑上现有的NodeJS 及nvm

卸载nvm

直接删除nvM所在文件夹就可以了。

卸载NodeJS

  1. 从卸载程序卸载程序和功能
    a. 打开控制面板
    b. 选择程序和功能

    c. 找到Node.js并卸载

  2. 检查环境变量
    将用户变量和系统变量中所有与node有关的全部删除。
    注意:不要忘记检查path

  3. 检查系统盘,寻找这些文件并删除它们(根据您安装的版本,UAC设置和CPU架构,这些可能或可能不存在):
    C:\Users{User}\AppData\Roaming\npm(或%appdata%\npm)
    C:\Users{User}\AppData\Roaming\npm-cache(或%appdata%\npm-cache)

  4. 重启电脑

  5. 黑窗口输入以下代码检查是否正确删除

nvm -v
node -v

安装NVM和NodeJs

2.1 下载NVM安装包

在GitHub上下载NVM的安装包。下载地址:https://github.com/coreybutler/nvm-windows/releases,选择下载nvm-setup.zip。

注:本例中选用的是截至2022年4月12日最新版本的NVM安装包,版本号为1.1.9。

2.2 安装NVM

双击nvm-setup.exe文件,进行NVM的安装。
(1) 接受协议,下一步。
(2) 选择NVM的安装路径。可以按照个人习惯,自行选择安装路径。本例中,按照本人习惯,选择安装在D:\nvm\nvm下。

(3) 选择NodeJS的Symlink (符号链接)文件夹的位置,用于生成NodeJS的映射目录。本例中,按照本人习惯,选择D:\nodejs。

注:安装前,需确保Symlink文件夹所在的路径不存在,否则可能安装失败。

(4) 点击安装,等待安装完成。

(5) 配置环境变量。

打开高级系统设置->环境变量,可以发现,安装成功后,NVM已经自动帮我们配置了环境变量NVM_HOME和NVM_SYMLINK,并且配置了Path的值。

因此,对于1.1.9版本的NVM,环境变量一般情况下无需手动配置。

注:若使用的是免安装版的NVM,可以按照如下方式手动配置环境变量。

  1. 在用户变量(或系统变量)中,添加变量名NVM_HOME,变量的值为NVM所在的根路径(以本例为例,路径为:D:\Program Files\nvm); 2. 在用户变量(或系统变量)中,添加变量名NVM_SYMLINK,变量的值为NodeJS的Symlink 文件夹的位置(以本例为例,路径为:D:\Program Files\nodejs); 3. 在用户变量(或系统变量)的path当中添加两个值:%NVM_HOME%和%NVM_SYMLINK%。

(6) 配置NodeJS下载代理镜像(可选)

安装完成后,可以在NVM安装根目录下的setting.txt文件中,配置NodeJS下载代理镜像,解决在线安装NodeJS时速度慢的问题。

注:由于下载速度一般正常,并且可以使用离线安装的方式安装NodeJS,因此配置NodeJS下载镜像地址并不是必须的。由于篇幅有限,这里不再展开介绍。

2.3 验证NVM是否安装成功

安装完成后,打开命令行窗口,输入nvm -v,出现版本号即表示安装成功。

2.3在NVM中安装NodeJS

2.3.1 nvm安装

首先,在使用NVM安装NodeJS前,需要以管理员身份打开命令行窗口。否则,将无法使用nvm use命令切换NPM版本

(1) 首先,使用NVM命令 nvm list available,查看可安装的NodeJS版本。建议选择LTS中的版本进行安装(LTS,即Long Term Support,长期支持版本)

注:若要查看完整的可安装版本列表,可访问官网:https://nodejs.org/en/download/releases/。

(2) 使用NVM命令nvm install,进行对应版本NodeJS的在线安装。

示例 :如需在线安装16.14.2版本的NodeJS,直接在命令行窗口输入:

nvm install 16.15.0
2.3.2离线安装NodeJs

(1) 从官网下载指定版本NodeJS的免安装版离线安装包,下载地址:https://nodejs.org/en/download/releases/。

上图中是Windows 10 64位操作系统,因此选择的是node-v17.6.0-win-x64.zip。

(2) 将指定版本的NodeJS免安装版离线安装包,解压后放入到NVM安装路径的根目录下,即可完成离线安装。

2.3.3 版本切换

若已经成功安装了指定版本的NodeJS,只需要在命令行窗口执行npm use命令,切换对应版本的NodeJS即可。本例中,由于已经安装了16.14.2版本,因此可以执行以下命令:

nvm use 17.6.0

如果执行之后是一串乱码,你需要用管理员身份打开窗口,重新输入上面的话。
若操作成功,将出现提示:Now using node v16.15.0 (64-bit)

如果能够以管理员身份,在命令行窗口成功执行以上命令,那么恭喜你,NVM+NodeJS已经成功安装完成!!!

2.3.4 NVM还有很多常用命令,在此不多做赘述,各位可自行搜索。

解决npm失效问题

有的人可能到上一步为止问题就解决了。但是也会有一部分人像我一样,运行npm -v报错'npm' 不是内部或外部命令,也不是可运行的程序
我打开nvm文件夹去看了下,16.15.0里面这些都没有,node_modules文件夹也是空的。。。
正常应该是下图所示:

解决办法是:
从node官网找对应版本的zip压缩包下来,替换掉这个目录里的东西,然后就完美解决了,node、npm都没问题,也可以自由切换版本。

  1. 本文没有详写nodejs 如何指定全局安装路径和缓存路径。各位如果有需要,可自行查找。

借阅大佬文章:使用NVM安装NodeJS(原创 最全笔记)

使用NVM安装NodeJS并解决npm下载依赖失效问题(最全流程)相关推荐

  1. nvm安装和配置(npm下载失败的原因以及解决方法)

    文章目录 前言 一.下载nvm安装包 二.安装nvm 三.配置nvm 1.方法一:有可能会出错的安装方式 2.方法二:一定不会出错的方法 三.多个node管理 1.确认环境 2.安装及确认 2.切换n ...

  2. 使用NVM安装NodeJS(原创 最全笔记)

    鉴于目前网络上关于NVM安装NodeJS操作步骤的文章,大家都在互相借鉴,很少看到原创文章,很多操作步骤已经冗余和过时.因此,本人根据实际的前端项目开发经验,在此重新梳理了一遍目前最新的NVM+Nod ...

  3. 使用nvm安装nodejs

    一.nvm是什么? 在工作中,我们可能同时在进行2个或者多个不同的项目开发,每个项目的需求不同,进而不同项目必须依赖不同版本的NodeJS运行环境,这种情况下,对于维护多个版本的node将会是一件非常 ...

  4. 解决npm下载包失败的问题

    解决npm下载包失败的问题 参考文章: (1)解决npm下载包失败的问题 (2)https://www.cnblogs.com/rengised/p/6682235.html 备忘一下.

  5. Maven - Idea解决Maven下载依赖包速度慢问题

    Maven - Idea解决Maven下载依赖包速度慢问题 1在这个地方加入 http://maven.aliyun.com/nexus/content/groups/public/ 2 把其他删除掉 ...

  6. yarn npm 下载依赖报错 An unexpected error occurred: “https://registry.npmjs.org/less

    使用yarn和npm下载依赖的时候总是报错,如下 提示是下载源的问题 // 查看源yarn config get registry// yarn修改源的方法yarn config set regist ...

  7. 使用 nvm 安装 nodejs 和 npm

    使用 nvm 可以方便的进行 nodejs 的安装和版本管理. 其实最开始使用的是 n 命令,命令简洁到极致了,无奈总是安装不成功,往往下载一部分就报 curl 错误. 然后又找到这个 nvm,配合淘 ...

  8. nvm安装node成功,npm安装失败问题

    在我们的日常开发中经常会遇到这种情况:手上有好几个项目,每个项目的需求不同,进而不同项目必须依赖不同版的 NodeJS 运行环境.如果没有一个合适的工具,这个问题将非常棘手. 此时nvm应运而生,不过 ...

  9. NVM安装nodejs的方法

    安装nodejs方式有很多种. 第一种:官网下载  通过nodejs官网下载安装 ,但有个缺陷,不同版本的nodejs无法顺利的切换. 第二种: NVM安装  NVM可以帮助我们快速切换 node版本 ...

最新文章

  1. springboot异步注解_Spring Boot 2 :Spring Boot 中的响应式编程和 WebFlux 入门
  2. 图像分割——基于二维灰度直方图的阈值处理
  3. java查看蓝牙mac地址_Java如何获取主机的MAC地址?
  4. d3.js 旋转图形_MATLAB 的图形处理
  5. LeetCode 三天打渔两天晒网 剩下一天睡大觉
  6. node制作http服务器,NodeJS 搭建 HTTP 服务器
  7. java restful项目打包_构建入门Restful Web服务
  8. Django2.1配置xadmin2.0
  9. swoft使用redis
  10. php多个 运算_php计算多个集合的笛卡尔积实例详解
  11. VS2008快捷键总结
  12. 2021年11月_IEEE TRANSACTIONS ON MEDICAL IMAGING_科技前言热点调研表
  13. Python游戏开发平台、脚本系统架构设计
  14. 《编程珠玑》读解 一
  15. opencascade基础
  16. python-格式化写入xml文件
  17. 使用七牛的sdk上传报错:incorrect region
  18. DISC四种领导风格
  19. Linux内核总线系统 —— 通用总线和平台设备
  20. 都问我在阿里上班是什么体验?今天就闲聊一下在阿里上班的体验!

热门文章

  1. 直播播放器API(播放器调用方法、参数、接口和事件)
  2. 32位和64位的win7系统的选择
  3. 计算机主机面板上的reset,按一下主机箱面板上的复位键(reset键)三`windows的基本操作.doc...
  4. php网站老掉线,电脑网络不稳定老掉线的两种解决方法
  5. 电商运营太烦恼?不如试试RPA机器人流程自动化养号
  6. XCTF-攻防世界CTF平台-Reverse逆向类——56、tar-tar-binks(Mac平台下的64位动态链接共享库.dylib逆向)
  7. 【数据分析】使用numpy实现多项式的求导以及可视化
  8. 二进制文件和文本文件到底有什么不同?(二)
  9. 《安富莱嵌入式周报》第299期:IAR发布嵌入式软开发基础问题PDF,树莓派单片机运行Verilog,纯汇编实现的游戏, 电磁辐射频谱图, 乐鑫ESP32-P4
  10. 1010: 求圆的周长和面积(C语言)