前端基础操作1——利用nvm任意切换(管理)node版本

2024-06-20 16:52

本文主要是介绍前端基础操作1——利用nvm任意切换(管理)node版本,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在实际前端项目开发过程中,同时开发多个项目或者切换新项目时,因为node版本问题造成项目无法运行的问题比比皆是,这时候通过nvm管理切换不同版本的node,就能很快进入开发模式,避免因为环境问题浪费大量精力,何乐而不为呢!

一.nvm是什么?

nvm全英文也叫node.js version management,是一个nodejs的版本管理工具。而nvm和n都是node.js版本管理工具,为了解决node.js各种版本存在不兼容现象,可以通过它管理和切换不同版本的node.js。

本文以windows系统为例讲解,Mac和Linux请自行参考下方网站配置。

  • gitlab网站:https://github.com/coreybutler/nvm-windows
  • 第三方中文网站说明:https://nvm.uihtm.com/


二.下载安装配置nvm

1.完全删除卸载之前安装的node和npm

###1.在windows的cmd命令下,清理干净Node
npm cache clean --force 
###2.在应用程序下找到对应的node.js,点击卸载
###3.检查是否卸载删除干净,建议卸载之后重启电脑,无法使用命令即代表成功卸载
npm -v
node -v
 2.通过上方网站提供的方案下载并安装最新版本的nvm软件包

gitlab下载:https://github.com/coreybutler/nvm-windows/releases 

网盘下载:https://nvm.uihtm.com/download.html

下载完成之后双击安装,注意选择安装的目录即可。

3.安装完成后,找到nvm安装目录,修改settings配置如下,更换国内源

settings配置文件内容如下:

root: D:\front_dev\nvm
path: D:\front_dev\nodejs
nvm npm_mirror https://npmmirror.com/mirrors/npm/
nvm node_mirror https://npmmirror.com/mirrors/node/

三.利用nvm管理使用node

1.首先验证nvm命令是否正常,并安装对应node版本进行测试

温馨提示:如果安装异常或者命令无法使用,请选择“以管理员份运行”cmd窗口

2.nvm常用命令说明
###查看当前nvm版本
nvm -v
###显示可供下载的node版本的部分列表
nvm list available
###下载安装node16.8.0
nvm install 16.8.0
###查看nvm管理的node版本(目前在用的标记为*)
nvm ls
###使用指定的node版本
nvm use 16.8.0
###卸载指定的node版本
nvm uninstall 16.8.0
###开启/关闭node.js版本管理
nvm on/off
###更多其他命令请参考中文网站

3.其他相关参考的网站

 https://www.jb51.net/javascript/299383ynh.htm

https://www.cnblogs.com/brucewang92/p/18036566

这篇关于前端基础操作1——利用nvm任意切换(管理)node版本的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

Python调用Orator ORM进行数据库操作

《Python调用OratorORM进行数据库操作》OratorORM是一个功能丰富且灵活的PythonORM库,旨在简化数据库操作,它支持多种数据库并提供了简洁且直观的API,下面我们就... 目录Orator ORM 主要特点安装使用示例总结Orator ORM 是一个功能丰富且灵活的 python O

部署Vue项目到服务器后404错误的原因及解决方案

《部署Vue项目到服务器后404错误的原因及解决方案》文章介绍了Vue项目部署步骤以及404错误的解决方案,部署步骤包括构建项目、上传文件、配置Web服务器、重启Nginx和访问域名,404错误通常是... 目录一、vue项目部署步骤二、404错误原因及解决方案错误场景原因分析解决方案一、Vue项目部署步骤

python使用fastapi实现多语言国际化的操作指南

《python使用fastapi实现多语言国际化的操作指南》本文介绍了使用Python和FastAPI实现多语言国际化的操作指南,包括多语言架构技术栈、翻译管理、前端本地化、语言切换机制以及常见陷阱和... 目录多语言国际化实现指南项目多语言架构技术栈目录结构翻译工作流1. 翻译数据存储2. 翻译生成脚本

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型的操作流程

《0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeekR1模型的操作流程》DeepSeekR1模型凭借其强大的自然语言处理能力,在未来具有广阔的应用前景,有望在多个领域发... 目录0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型,3步搞定一个应

SpringBoot中使用 ThreadLocal 进行多线程上下文管理及注意事项小结

《SpringBoot中使用ThreadLocal进行多线程上下文管理及注意事项小结》本文详细介绍了ThreadLocal的原理、使用场景和示例代码,并在SpringBoot中使用ThreadLo... 目录前言技术积累1.什么是 ThreadLocal2. ThreadLocal 的原理2.1 线程隔离2

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re

轻松上手MYSQL之JSON函数实现高效数据查询与操作

《轻松上手MYSQL之JSON函数实现高效数据查询与操作》:本文主要介绍轻松上手MYSQL之JSON函数实现高效数据查询与操作的相关资料,MySQL提供了多个JSON函数,用于处理和查询JSON数... 目录一、jsON_EXTRACT 提取指定数据二、JSON_UNQUOTE 取消双引号三、JSON_KE

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》:本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法,通过简单的两列实现、每行放置3列以及全部代码的展示,展示了这两种布局方式的实现细节和效果,详细内容请阅读本文,希望能对你有所帮助... 过往的实现方法是使用浮动加

css渐变色背景|<gradient示例详解

《css渐变色背景|<gradient示例详解》CSS渐变是一种从一种颜色平滑过渡到另一种颜色的效果,可以作为元素的背景,它包括线性渐变、径向渐变和锥形渐变,本文介绍css渐变色背景|<gradien... 使用渐变色作为背景可以直接将渐China编程变色用作元素的背景,可以看做是一种特殊的背景图片。(是作为背