前端nvm的安装和使用nodejs多版本管理2024

2024-06-11 00:20

本文主要是介绍前端nvm的安装和使用nodejs多版本管理2024,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

nvm的安装和使用

1、简介
nvm是一个管理nodejs版本的工具。在实际的开发中,项目的开发依赖需要的nodejs版本运行环境不同,此时我们就需要使用nvm来进行不同nodejs版本的切换。其实就是一个方便的node版本管理工具。
注意:如果有安装过node,最好进行卸载,因为自己安装的,nvm控制不了,会出现一些意想不到的报错,先安装nvm,再使用nvm命令安装需要的版本即可!如何卸载 ,打开控制板 然后找到nodejs 卸载即可。
2、nvm详细安装步骤以及使用
(1)、下载nvm安装文件

下载地址

在这里插入图片描述

(2)、解压之后安装,安装路径默认的是C盘,建议安装在D盘。
我安装路径是:

D:\NVM\nvm
D:\NVM\nodejs

在这里插入图片描述

(3)、在settings中加入两行代码,采用淘宝镜像,可以下载不同nodejs版本时候更快;

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

在这里插入图片描述

(4)、下载node 不同版本

nvm list available // 显示所有可以下载的版本
nvm list // 显示已安装的版本(同 nvm ls)
nvm use 18.19.0  // 使用某版本

在这里插入图片描述

// 下载
npm i 18.19.0
// 使用
nvm use 18.19.0

(5)、设置全局包安装路径,默认全局包安装C盘,我们现在安装到D盘,
在NVM下面新建两个文件夹,npm_cache,npm_global

在这里插入图片描述
(6)、设置全局包安装方法

//设置依赖工具包全局安装目录,通过npm下载的工具包都会下载到本文件夹下
npm config set prefix "D:\NVM\npm_global" //设置缓存目录
npm config set cache "D:\NVM\npm_cache"  // 查看全局包路径
npm prefix -g

(7)、设置环境变量

NODE_HOME     // 是主路径,
npm_global   // 设置依赖工具包全局安装目录,
npm_cache     // 设置缓存目录

在这里插入图片描述
在这里插入图片描述
(7)、下载全局包和测试,特别注意,切换版本时候全局包是需要重新下载,
如果你使用了 NVM 来管理 Node.js 版本,你需要在每个 Node.js 版本中设置 npm 的全局安装路径。

在这里插入图片描述

在这里插入图片描述

在使用 NVM 切换到不同版本的 Node.js 时,全局安装的包不会自动跟随切换。所以,当你从 Node.js v16.20.2 切换到 v18.20.2 版本时,你需要重新安装全局包 Yarn。

这是因为全局安装的包实际上是安装在特定版本的 Node.js 中的,而不是系统的全局环境中。因此,每当你切换到一个新的 Node.js版本,你都需要重新安装你需要的全局包,以便它们与新版本的 Node.js 关联起来。

所以,在你切换到 Node.js v18.20.2版本后,建议你重新安装全局包 Yarn,这样它就会与新版本的 Node.js
关联起来,并在新版本中可用。

这篇关于前端nvm的安装和使用nodejs多版本管理2024的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1049686

相关文章

Vue和React受控组件的区别小结

《Vue和React受控组件的区别小结》本文主要介绍了Vue和React受控组件的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录背景React 的实现vue3 的实现写法一:直接修改事件参数写法二:通过ref引用 DOMVu

Java使用Javassist动态生成HelloWorld类

《Java使用Javassist动态生成HelloWorld类》Javassist是一个非常强大的字节码操作和定义库,它允许开发者在运行时创建新的类或者修改现有的类,本文将简单介绍如何使用Javass... 目录1. Javassist简介2. 环境准备3. 动态生成HelloWorld类3.1 创建CtC

使用Python批量将.ncm格式的音频文件转换为.mp3格式的实战详解

《使用Python批量将.ncm格式的音频文件转换为.mp3格式的实战详解》本文详细介绍了如何使用Python通过ncmdump工具批量将.ncm音频转换为.mp3的步骤,包括安装、配置ffmpeg环... 目录1. 前言2. 安装 ncmdump3. 实现 .ncm 转 .mp34. 执行过程5. 执行结

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

Java使用jar命令配置服务器端口的完整指南

《Java使用jar命令配置服务器端口的完整指南》本文将详细介绍如何使用java-jar命令启动应用,并重点讲解如何配置服务器端口,同时提供一个实用的Web工具来简化这一过程,希望对大家有所帮助... 目录1. Java Jar文件简介1.1 什么是Jar文件1.2 创建可执行Jar文件2. 使用java

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

Java中的抽象类与abstract 关键字使用详解

《Java中的抽象类与abstract关键字使用详解》:本文主要介绍Java中的抽象类与abstract关键字使用详解,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、抽象类的概念二、使用 abstract2.1 修饰类 => 抽象类2.2 修饰方法 => 抽象方法,没有

SpringBoot 多环境开发实战(从配置、管理与控制)

《SpringBoot多环境开发实战(从配置、管理与控制)》本文详解SpringBoot多环境配置,涵盖单文件YAML、多文件模式、MavenProfile分组及激活策略,通过优先级控制灵活切换环境... 目录一、多环境开发基础(单文件 YAML 版)(一)配置原理与优势(二)实操示例二、多环境开发多文件版

MyBatis ParameterHandler的具体使用

《MyBatisParameterHandler的具体使用》本文主要介绍了MyBatisParameterHandler的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参... 目录一、概述二、源码1 关键属性2.setParameters3.TypeHandler1.TypeHa