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

news2025/1/17 13:53:02

文章目录

  • 一、完全卸载旧的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.org
 
npm config get registry

在这里插入图片描述

七、全局安装cnpm

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

  • cnpm 本身就是国内的 因此无需配置镜像
  • cnpm安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 查看cnpm版本
cnpm -v
 
npm 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.coloradmin.cn/o/1215776.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Python语言】字典的使用方法总结

目录 1、基本知识 1.1 定义 1.2 定义字典变量 1.3 定义空字典 2、字典的常用方法介绍 2.1 基于key获取value 2.2 嵌套字典 2.3 新增元素 2.4 更新元素 2.5 删除元素 2.6 清空字典 2.7 获取全部的key 2.8 遍历字典 2.9 统计字典内的元素数量 3、 字典常用操作总结…

如何快速搭建Spring Boot接口调试环境并实现公网访问

文章目录 前言1. 本地环境搭建1.1 环境参数1.2 搭建springboot服务项目 2. 内网穿透2.1 安装配置cpolar内网穿透2.1.1 windows系统2.1.2 linux系统 2.2 创建隧道映射本地端口2.3 测试公网地址 3. 固定公网地址3.1 保留一个二级子域名3.2 配置二级子域名3.2 测试使用固定公网地址…

Figma语言设置教程:简易切换至中文,提高操作便捷性!

Figma是世界领先的在线协作UI设计工具。它摆脱了Sketch等传统设计软件对设备的依赖&#xff0c;使设计师可以随时随地使用任何设备打开网页浏览器&#xff0c;轻松实现跨平台、跨时空的设计合作。那么&#xff0c;Figma如何改变中文&#xff0c;以提高国内设计师的使用体验呢&a…

ZOC8 for Mac:最佳终端仿真器,助力您的工作效率飞升!

在现代的工作环境中&#xff0c;终端仿真器扮演着不可或缺的角色。无论是开发人员、系统管理员还是网络工程师&#xff0c;都需要一个功能强大、易于使用的终端仿真器来处理各种任务。而ZOC8 for Mac正是为这些专业人士而打造的最佳选择。 作为一款全功能的终端仿真软件&#…

聊天即绘画,我来给好说 AI 当「甲方」

很多人说 “AI 能解放生产力”&#xff0c;放几个月前&#xff0c;小编并不这么想。用过 SD 画图的朋友都知道&#xff0c;拟提示词、调参数那都是脑力活&#xff0c;反复试错的过程就像在操纵机器、给 AI 打下手。 但最近&#xff0c;好说上线了 “聊天即绘画” 的 AI 绘画 2…

解决:Android TextView 设置斜体后右侧文字被遮挡

一、问题说明 遇到一个比较奇怪的情况&#xff0c;给 TextView 文字设置倾斜后&#xff0c;右侧的文字会被遮挡&#xff0c;感觉这应该是 Android 的一个 bug &#xff01; 上代码&#xff1a; <TextViewandroid:id"id/tv_title"android:layout_width"wra…

【Git企业开发】第八节.企业级开发模型和企业级项目管理实战

文章目录 前言一、企业级开发模型 1.1 系统开发环境 1.2 Git分支设计规范二、企业级项目管理实战 2.1 DevOps研发平台 2.2 开发场景-基于git flow模型的实践 2.3 环境bug修复总结 前言 一、企业级开发模型 我们知道&#xff0c;一个软件从零开始到最终…

新手小白看过来——带你快速入门跨境电商

近几年来&#xff0c;国内外贸交易是越来越火爆&#xff0c;其中跨境电商成为了2023年的热门风口行业&#xff0c;尽管现在做跨境电商的从业者有很多&#xff0c;但仍然有许多0基础小白想通过跨境电商获取人生的第一桶金&#xff0c;那么新手应该如何在跨境电商领域取得成功呢&…

亲测:你这些网站都不知道,哪来时间去摸鱼?

一些我常用且好用的在线工具 Postcat - 在线API 开发测试工具 postcat.com/ API 开发测试工具 Postcat 是一个强大的开源、免费的、跨平台&#xff08;Windows、Mac、Linux、Browsers...&#xff09;的 API 开发测试工具&#xff0c;支持 REST、Websocket 等协议&#xff08…

五金信息展示预约小程序的作用是什么

五金行业所覆盖的产品很广&#xff0c;如灯具、浴具、门窗、工具等都是人们生活所需或常用到的&#xff0c;而五金行业规模也是连年上涨&#xff0c;市场呈现多品牌多门店多区域扩展的趋势。 虽然市场规模大&#xff0c;但同样问题不少&#xff0c;接下来我们来看看几个痛点。…

Python利器:Requests-HTML——网络爬虫的得力助手

概要 在Python的世界里&#xff0c;网络爬虫是一个非常热门的领域。而在这个领域中&#xff0c;Requests-HTML是一个强大的工具&#xff0c;它能够让我们轻松地处理HTML页面&#xff0c;从而获取需要的数据。本文将详细介绍Requests-HTML的特点、使用方法和一些实际应用案例&a…

jedis连接redis

package com.wsd;import redis.clients.jedis.Jedis;import java.io.IOException; import java.io.InputStream; import java.util.HashMap; import java.util.Map; import java.util.Properties;public class Redis {public static void main(String[] args) {//读取properti…

bat随手记

目录 bat批处理常用命令reg /?reg query /?cd /d "%~dp0"%cd%和%~dp0的区别setx命令(命令行实现永久设置环境变量)/v名称&#xff0c;/t类型&#xff0c;/d数据/f没有Yes/No询问 bat批处理常用命令 bat批处理常用命令 reg /? 查询有哪些reg命令 REG Operatio…

【2024全新版】程序员必会英语词汇表

“我英语不好可以学编程吗&#xff1f;” 相信这个问题&#xff0c;困扰着太多想学习编程&#xff0c;但英文不好的同学。 学习编程&#xff0c;常用的单词就那么多&#xff0c;只要把常见的单词学会&#xff0c;你的代码就能写的很6&#xff0c;英 语和编程的关系就是这么纯…

逆向USB设备共享:利用内网穿透让远程设备访问本地USB设备

文章目录 前言1. 安装下载软件1.1 内网安装使用USB Redirector1.2 下载安装cpolar内网穿透 2. 完成USB Redirector服务端和客户端映射连接3. 设置固定的公网地址 前言 USB Redirector是一款方便易用的USB设备共享服务应用程序&#xff0c;它提供了共享和访问本地或互联网上的U…

掌握这个技巧,你也能成为资产管理高手!

资产管理是企业管理中至关重要的一环&#xff0c;涉及到对公司财务、物资和信息等各个方面的有效监控和管理。 随着企业规模的扩大和业务复杂性的增加&#xff0c;采用先进的资产管理系统成为确保企业高效运营的必要条件之一。 客户案例 医疗机构 温州某医疗机构拥有大量的医…

使用nacos配置中心管理配置文件时,springcloud程序启动报错,无法找到对应的配置文件(加载到了错误的配置文件)

这里写目录标题 一、场景二、关键依赖三、报错信息四、排查1、bootstrap.yml配置2、查看Nacos配置中心3、重启后程序依旧报错&#xff0c;查看启动日志&#xff0c;发现Nacos加载到了错误的配置文件4、Debug查看源码&#xff0c;企图弄清楚使用错误应用名的原因5、找不到使用依…

QT 程序异常崩溃

出现以下问题&#xff0c;大概率是你在修改代码时&#xff0c;在pro或者pri中增加了一些不存在的头文件或者cpp,使用BeyondCmp仔细对比&#xff0c;分享&#xff0c;希望帮助到你

高质量发展项目——冠心病药物治疗管理标准化培训在京顺利举办

国家卫生健康委《关于加快药学服务高质量发展的意见》明确指出&#xff0c;药师应在慢性病管理中发挥积极作用&#xff0c;可开展用药随访、药物重整等工作。目前&#xff0c;国内尚无针对药师使用的冠心病患者药物治疗管理规范&#xff0c;不同层级医疗机构药师的理论水平和实…