nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)

文章目录

  • 一、完全卸载旧的nodejs
    • 1、打开系统的控制面板,点击卸载程序,卸载nodejs
      • (1)打开系统的控制面板,点击程序下的卸载程序
      • (2)找到node.js,鼠标右击出现下拉框,点卸载
      • (3)确认卸载弹窗,点击是,等待卸载完成。
    • 2、删除node的安装目录
    • 3、查找.npmrc文件是否存在,有就删除
    • 4、逐一查看以下文件是否存在,存在就删除
    • 5、打开系统设置,检查系统环境变量,将node相关的配置都删掉
    • 6、查看是否卸载成功
    • 7、最后,建议重启电脑
  • 二、安装nvm
    • 1、下载NVM
    • 2、双击下载好的文件,开始安装
    • 3、选择我接受,然后点击next
    • 4、选择NVM安装路径,路径名称不要有空格,然后点击next
    • 5、node.js安装路径,然后点击next
    • 6、点击Install
    • 7、点击Finish,完成安装
  • 三、nvm修改镜像源
  • 四、nvm常用命令
  • 五、nvm配置环境变量
  • 六、安装nodejs及环境变量配置
    • 1、通过nvm安装node
    • 2、node环境变量配置
      • (1) 配置全局安装的模块路径和缓存路径
      • (2)设置用户变量
      • (3)设置系统变量
    • 3、测试
    • 4、设置淘宝的镜像并查看
  • 七、全局安装cnpm
  • 八、全局安装yarn
  • 九、笔者的安装目录结构


注意:
1、安装nvm之前需要卸载之前的nodejs,并且还要删除之前的环境变量配置,否则会出现一些奇怪的问题
2、nvm的安装路径不能有中文或者空格,否则后面在cmd中切换node版本会出现乱码

一、完全卸载旧的nodejs

参考文章《Node卸载超详细步骤》

1、打开系统的控制面板,点击卸载程序,卸载nodejs

(1)打开系统的控制面板,点击程序下的卸载程序

在这里插入图片描述

(2)找到node.js,鼠标右击出现下拉框,点卸载

在这里插入图片描述

(3)确认卸载弹窗,点击是,等待卸载完成。

在这里插入图片描述

2、删除node的安装目录

安装目录默认是C:\Program Files\nodejs,我的在安装时选择的安装位置在D:\Program Files\nodejs

查看该路径下是否有node文件,在控制面板卸载node后一般会自动删除node文件,如果文件还在的话就手动删除,没有的话就忽略。

在这里插入图片描述

3、查找.npmrc文件是否存在,有就删除

.npmrc默认在C:\User\用户名

.node_repl_history如果存在也删除,没有请忽略。

在这里插入图片描述

4、逐一查看以下文件是否存在,存在就删除

  • C:\Program Files (x86)\Nodejs
  • C:\Program Files\Nodejs
  • C:\Users\用户名\AppData\Roaming\npm
  • C:\Users\用户名\AppData\Roaming\npm-cache
  • C:\Users\用户名\AppData\Local\npm-cache

5、打开系统设置,检查系统环境变量,将node相关的配置都删掉

  • 一般系统会自动把node环境变量删掉了,可以不用管这步
  • 环境变量打开方式:我的电脑->属性->高级系统设置->环境变量->
  • 删掉用户变量系统变量Path NODE_PATH里的相关的node(注意,不要把整个path删掉,点击编辑,只删除node相关的即可;如果手误,依次点击取消关闭弹窗就不会保存成功,若是手误删掉了,还点击的是确定按钮,那笔者也没有办法了)
  • 确认删除无误之后,依次点击确定关闭,否则可能存在删除失败问题
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

6、查看是否卸载成功

在键盘上按下win + R ,输入cmd ,然后点击回车键,在命令行中输入node -v npm -v,如下图所示表示卸载成功。

,在这里插入图片描述
在这里插入图片描述

7、最后,建议重启电脑

二、安装nvm

参考文章《nvm-下载、安装、使用(2023/07/12更新)》 《安装nvm,并使用nvm安装nodejs及配置环境变量》

1、下载NVM

  • 地址:https://github.com/coreybutler/nvm-windows/releases
  • 点击nvm-setup.exe进行下载

在这里插入图片描述

2、双击下载好的文件,开始安装

在这里插入图片描述

3、选择我接受,然后点击next

在这里插入图片描述

4、选择NVM安装路径,路径名称不要有空格,然后点击next

在这里插入图片描述

5、node.js安装路径,然后点击next

在这里插入图片描述

6、点击Install

在这里插入图片描述

7、点击Finish,完成安装

在这里插入图片描述

三、nvm修改镜像源

参考文章《nvm下载、nvm安装、nvm修改镜像源、nvm使用》

  • win + R ,输入cmd ,回车后,在命令行输入nvm root 命令,可以查看nvm的安装根路径在那个文件夹

在这里插入图片描述

  • 在文件管理器地址栏输入root地址,找到setting.txt文件并打开

在这里插入图片描述

  • 复制粘贴以下代码,如图所示。保存完成nvm源修改。
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

在这里插入图片描述

四、nvm常用命令

参考文章《nvm下载、nvm安装、nvm修改镜像源、nvm使用》

  • nvm install <version>:安装指定版本的 Node.js。
  • nvm use <version>:切换到指定版本的 Node.js。
  • nvm ls:列出已安装的所有 Node.js 版本。
  • nvm alias <name> <version>:给指定版本创建别名。
  • nvm run <version> <script>:在指定版本下运行脚本。
  • nvm current:显示当前正在使用的 Node.js 版本。
  • nvm uninstall <version>:卸载指定版本的 Node.js。

五、nvm配置环境变量

参考文章《安装nvm,并使用nvm安装nodejs及配置环境变量》

  • 环境变量打开方式:我的电脑->属性->高级系统设置->环境变量->
  • 确认与如下配置保持一致(默认nvm安装成功后,会自动生成)

在这里插入图片描述

  • win + R ,输入cmd ,回车后,在命令行输入nvm -v 命令,返回版本号,证明配置成功。

在这里插入图片描述

六、安装nodejs及环境变量配置

参考文章《安装nvm,并使用nvm安装nodejs及配置环境变量》

1、通过nvm安装node

  • 查看node.js最新的一批版本(版本号:偶数是绝对稳定版本 基数是不一定稳定版本)
  • nvm list available

在这里插入图片描述

  • 安装指定的版本:nvm install 10.23.0
  • 查看安装的所有版本:nvm list nvm ls
  • 进入或切换版本:nvm use 18.15.0

在这里插入图片描述

  • 安装成功后会成对应的文件夹,如下图所示

在这里插入图片描述

  • 检查是否安装成功: node -v 查看node的版本、npm -v 查看npm的版本

在这里插入图片描述

2、node环境变量配置

(1) 配置全局安装的模块路径和缓存路径

  • 首先在NVM的安装目录新建两个文件夹node_globalnode_cache

在这里插入图片描述

  • 创建完两个文件夹后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径)
npm config set prefix "D:\Programs\nvm\node_global"
npm config set cache "D:\Programs\nvm\node_cache"

在这里插入图片描述

(2)设置用户变量

  • 【用户变量】中的path变量,%NVM_HOME%%NVM_SYMLINK% 理论上是nvm安装成功后自动生成的。如果没有,新建进去。
  • 如果有C:\Users\用户名\AppData\Roaming\npm,则将其修改为D:\Programs\nvm\node_global(刚刚新建node_global文件夹的位置),如果没有就自己新建D:\Programs\nvm\node_global,总之保证有以下图片中内容

在这里插入图片描述

(3)设置系统变量

  • path变量的设置和用户变量中一致

在这里插入图片描述

  • 新建环境变量 NODE_PATH,值为D:\Programs\nvm\node_global\node_modules,其中D:\Programs\nvm\node_global\node_modules是上述创建的全局模块安装路径文件夹

在这里插入图片描述
在这里插入图片描述

3、测试

  • 全局安装最常用的 express 模块 进行测试
  • npm install express -g
  • 完成后会得到一个express的文件

在这里插入图片描述
在这里插入图片描述

4、设置淘宝的镜像并查看

npm config set registry https://registry.npm.taobao.orgnpm config get registry

在这里插入图片描述

七、全局安装cnpm

参考文章《基于nvm管理node版本下npm和cnpm以及yarn指令》

  • cnpm 本身就是国内的 因此无需配置镜像
  • cnpm安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 查看cnpm版本
cnpm -vnpm list cnpm -g

在这里插入图片描述

八、全局安装yarn

参考文章《基于nvm管理node版本下npm和cnpm以及yarn指令》

  • yarn安装
npm install yarn -g 

在这里插入图片描述

  • 设置淘宝的镜像并查看
// 查看镜像
yarn config get registry
// 修改镜像
yarn config set registry http://registry.npm.taobao.org/

在这里插入图片描述

九、笔者的安装目录结构

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/184675.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

yolov5模型代码怎么修改

yaml配置文件 深度乘积因子 宽度乘积因子 所有版本只有这两个参数的不同&#xff0c;s m l x逐渐加宽加深 各种类型层参数对照 backbone里的各层&#xff0c;在这里解析&#xff0c;只需要改.yaml里的各层参数就能控制网络结构 修改网络结构 第一步&#xff1a;把新加的模块…

【7】Spring Boot 3 集成组件:缓存组件 spring cache + spring data redis

目录 【7】Spring Boot 3 集成组件&#xff1a;缓存组件 spring cache spring data redis什么是缓存抽象声明式注解JSR-107对应SpEL上下文数据 引入依赖cache 支持的缓存类型缓存类型配置NONESIMPLEREDIS自定义配置 CAFFEINE Hazelcast...总结 个人主页: 【⭐️个人主页】 需要…

GUI编程--PyQt5--QTreeWidget

文章目录 树型控件展示数据修改节点数据获取所有节点的数据 Qt模组参考 QWidgets QTreeWidget 树型控件展示数据 展示数据的同时&#xff0c;每个节点标注数据类型。 class MyWindow(QWidget):def __init__(self, title):super(MyWindow, self).__init__()self.setWindowTitl…

遵循开源软件安全路线图

毫无疑问&#xff0c;开源软件对于满足联邦任务所需的开发和创新至关重要&#xff0c;因此其安全性至关重要。 OSS&#xff08;运营支持系统&#xff09; 支持联邦政府内的每个关键基础设施部门。 联邦政府认识到这一点&#xff0c;并正在采取措施优先考虑 OSS 安全&#xff…

STM32_SPI总线驱动OLED详细原理讲解

目录 这里写目录标题 第13章 Cortex-M4-SPI总线13.1 SPI总线概述13.1.1 SPI总线介绍13.1.2 SPI总线接口与物理拓扑结构13.1.3 SPI总线通信原理13.1.4 SPI总线数据格式 13.2 IO口模拟SPI操作OLED13.2.1 常见的显示设备13.2.2 OLED显示屏概述13.2.3 OLED特征13.2.4 显示原理13.2.…

【Android】使用XML资源文件存储配置项:降低代码耦合性并提高可重用性

前言 在Android开发中&#xff0c;我们经常需要存储一些配置项。 例如在创建Retrofit实例时&#xff0c;需要指定baseUrl。如果需要修改替换整个项目中的baseUrl&#xff0c;那将会是一件很痛苦的事情。 为了方便管理和维护这些配置项&#xff0c;我们可以使用资源文件来存储…

无需API实现MySQL与巨量引擎的对接

通过数环通&#xff0c;您可以使用不到几分钟的时间即可实现MySQL与巨量引擎的对接与集成&#xff0c;从而高效实现工作流程自动化&#xff0c;降本增效&#xff01; 1.产品介绍 巨量引擎是字节跳动旗下的营销服务品牌&#xff0c;它整合了字节跳动旗下的产品及海量内容&#…

Spring Task使用介绍

文章目录 Spring Task介绍cron表达式入门案例Spring Task使用步骤全注解的方式代码开发测试结果 代码仓库 Spring Task 介绍 Spring Task 是Spring框架提供的任务调度工具&#xff0c;可以按照约定的时间自动执行某个代码逻辑。 定位定时任务框架 作用定时自动执行某段Java…

编程时不知道怎么给函数起一个好名字时怎么办

2023年11月16日&#xff0c;周四下午 解决办法 把函数的功能告诉ChatGPT&#xff0c;然后让它帮你给函数起名就可以了&#xff0c; 相信我&#xff0c;它取的名字真的很好。 举例说明 思维拓展 其实不光函数&#xff0c;变量、枚举等的名字也可以让ChatGPT取。

计算机网络:网络层ARP协议

在实现IP通信时使用了两个地址&#xff1a;IP地址&#xff08;网络层地址&#xff09;和MAC地址&#xff08;数据链路层地址&#xff09; 问题&#xff1a;已知一个机器&#xff08;主机或路由器&#xff09;的IP地址&#xff0c;如何找到相应的MAC地址&#xff1f; 为了解决…

DNS正向解析和主从复制

目录 概念 DNS解析 例&#xff1a;www.baidu.com. 解析过程 DNS查询方式 DNS的查询过程 DNS软件bind 正向解析&#xff08;根据域名查找ip地址&#xff09; 1.先安装bind软件 2.打开网卡配置文件 将DNS1改为自己本机 &#xff08;更改完配置重启服务&#xff09; 3.打…

SpringMVC调用流程

SpringMVC的调用流程 SpringMVC涉及组件理解&#xff1a; DispatcherServlet : SpringMVC提供&#xff0c;我们需要使用web.xml配置使其生效&#xff0c;它是整个流程处理的核心&#xff0c;所有请求都经过它的处理和分发&#xff01;[ CEO ] HandlerMapping : SpringMVC提供&…