前端不同项目使用不同的node版本(Volta管理切换)

news2024/11/28 8:45:08

前端不同项目使用不同的node版本(Volta管理切换)

使用volta自动切换前端项目的node版本, 每个不同的前端项目,可以使用不同的node版本。Volta这个工具,它允许用户方便地安装、切换和管理不同版本的Node.js,避免了为每个项目手动配置node环境的繁琐。通过全局安装并自动更新package.json,Volta简化了开发者的开发流程。

安装 Volta

官网地址:volta官网地址

安装链接: https://github.com/volta-cli/volta/releases/download/v1.0.8/volta-1.0.8-windows-x86_64.msi

1.找到Windows安装版本,下载完成后进行安装,一直next即可
在这里插入图片描述

与安装node类似, 一直点下一步即可(这里默认是装到C盘,安装时不能选择安装位置需要额外进行配置, 是挺坑的)

安装成功之后, 在命令行中输入: volta , 如果能正常显示内容即表明安装成功

配置Volta

一般来说, volta安装成功之后就能正常使用了, 但默认是装到C盘,后续可能会安装各种不同版本的node/npm/yarn,很占据C盘空间, 因此需要迁移到C盘之外 (如果C盘空间足够大,可忽视这一步)

1.在D盘新建一个文件夹,用于存放volta相关东西, 如D:\epositorysVolta

将C盘中原来的volta文件迁移到epositorysVolta文件夹中(原volta应在位置: C:\Program Files\Volta)
在这里插入图片描述
2.在系统环境变量中配置:
在这里插入图片描述
2.1 新建环境变量: VOLTA_HOME 其值为: D:\epositorysVolta
在这里插入图片描述
2.2 修改path文件中原来volta的值, 改为: %VOLTA_HOME%
在这里插入图片描述
在这里插入图片描述
3.在用户环境变量中设置:
3.1 在原来的volta\bin改为: %VOLTA_HOME%\bin
在这里插入图片描述
在这里插入图片描述
4.重新打开命令行, 重新输入 volta, 此时还能正常显示即为修改成功
在这里插入图片描述

使用Volta 安装nodejs

首先全局安装Volta的node版本

volta install node@16.18.1

您不需要指定精确的版本,在这种情况下,Volta 会选择一个合适的版本来匹配您的请求

volta install node@16

当然, 如果你需要安装最新的nodejs版本则更加简单

volta install node

此时,命令行执行: volta list 就可以看到你之前安装的node版本, 正常安装的nodejs版本一样,
安装成功之后会附带一个npm版本, 当然也可以使用volta进行版本控制, 安装方式跟上述的一样

安装遇到的问题

在命令行安装全局node-直接打开命令行执行volta install node@16.18.1。如果网络正常,就会安装成功,但是在桌面云里面会报如下错误
在这里插入图片描述
安装失败解决办法-直接打开node下载中心,https://registry.npmmirror.com/binary.html?path=node/下载具体版本的并和自己电脑匹配的node压缩包,然后把压缩包放到C:\Users\25496\AppData\Local\Volta\tools\inventory\node下。然后再在命令行执行volta install node@16.3.1,出现以下提示就说明安装成功
在这里插入图片描述

在这里插入图片描述

切换至当前项目指定的node版本

进入项目的根目录, 并执行

volta pin node@16.18.1

此时, 项目的package.json就会多出

{
    "volta": {
        "node": "16.18.1"
    }
}

切换成功
在这里插入图片描述

值得注意是, 如果项目中没有package.json文件时, 指定版本会直接报错

版本切换确认

在两个设置了node版本的项目中分别执行: node --version, 如果得出两个不同的值,则表示切换成功

Volta其他命令

volta list //查看存在的版本
volta list all //查看所有版本
volta install node //安装最新版的nodejs
volta install node@20.12.1 //安装指定版本
volta install node@16 //volta将选择合适的版本安装
volta pin node@16.20 //将更新项目的package.json文件以使用工具的选定版本

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

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

相关文章

QT6聊天室项目 核心类与主窗口设计逻辑分析

核心类 核心类设计逻辑 数据结构设计(data.h) 用户信息 用户ID用户网名用户个人签名用户手机号码用户头像聊天会话信息 会话编号会话名称(单聊则是对方网名,群聊则是群名)最新消息会话图标(单聊对方头像&a…

sortable中el-table拖拽及点击箭头上下移动row

效果 安装 npm install sortablejs --save 引入 import Sortable from "sortablejs"; <el-table:data"tableBody"borderref"tableRef":stripe"true":key"tableKey"><el-table-column type"index" la…

driver.find_element 找不到元素的大坑

前端使用element框架。 登录进去使用开发人员工具能看到元素&#xff0c;复制xpath使用find_element死活找不到。 其中一次复制的xpath 注意红色部分: #先点击一下输入框 driver.find_element(By.XPATH,/html/body/div[1]/section/section/section/main/div/div[1]/div/form/…

迎接 Apple Intelligence.一:首次啟用

年 Apple 各平台的重點新功能&#xff0c;相信非 Apple Intelligence 莫屬。Apple 將會將人工智能整合到 iOS 18、iPadOS 18 和 macOS Squoia。在機械學習和大型語言模型加持下&#xff0c;預計 Siri 的對答會更加自然流暢&#xff0c;而且能直接提供答案&#xff0c;而不像過去…

作业8/21

client cpp #include "widget.h" #include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget), socket(new QTcpSocket(this)) {ui->setupUi(this); // 设置 UI 界面// 控件初始状态设置为禁用&#xff0c;防止未连接…

储能系统---德业、禾迈、昱能产品布局及对比

一、公司介绍 德业、昱能、禾迈作为微逆行业的佼佼者&#xff0c;同样代表了中国制造行业的三种技术形态。 德业&#xff1a;代表传统制造行业&#xff0c;转型电力电子领域的代表。 昱能&#xff1a;代表海归人员回国创业&#xff0c;致力于技术本土化的代表。 禾迈&#…

socket 验证字符串是否是有效ip地址

import socketdef is_valid_ip(ip):try:# 尝试将字符串解析为IP地址socket.inet_aton(ip)return Trueexcept socket.error:return False# 测试 print(is_valid_ip("192.168.1.1")) # True print(is_valid_ip("256.256.256.256")) # False print(is_valid…

计算机存储原理——基础

文章目录 存储介质简介1. 光介质存储2. 磁介质存储3. flash(闪存) 硬盘存储原理磁盘组件磁盘是如何存储文件的磁盘的性能 存储接口与存储协议接口类型SCSISCSI的寻址方式windows下查看SCSI寻址 接口与总线与协议的对应关系cpu是如何控制存储的 文件系统常见的文件系统文件系统中…

《数据结构》顺序表+算法代码+动画演示-C语言版

目录 顺序表概念 顺序表初始化 顺序表销毁 顺序表尾插 顺序表尾删 顺序表头删 顺序表头插 顺序表pos位置插入 顺序表pos位置删除 顺序表全部代码如下&#xff1a; 顺序表概念 顺序表是用一段 物理地址连续 的存储单元依次存储数据元素的线性结构&#xff0c;一般情况下…

「OC」CAShapeLayer和UIBezierPath —— 抽屉视图之中圆角cell的实现

「OC」CAShapeLayer和UIBezierPath —— 抽屉视图之中圆角cell的实现 文章目录 「OC」CAShapeLayer和UIBezierPath —— 抽屉视图之中圆角cell的实现前言CALayer的子类CAShapeLayerpath 贝塞尔曲线应用实践参考资料 前言 上次我们学习了CALayer的相关知识 &#xff0c;但好像忘…

2024计算机软考报名流程(电脑报名)

1.24年下半年软考报名时间&#xff0c;各省报名时间不一样&#xff0c; 报名时间大概集中在&#xff1a;24年8月19日&#xff5e;24年9月15日&#xff1b; 报名网站&#xff1a;中国计算机技术职业资格网&#xff1b; 广东&#xff1a;2024年8月21日9:00至29日17:00 安徽&#…

全面调研:19类AI Agent框架的对比与分析

代理&#xff08;Agent&#xff09;指能自主感知环境并采取行动实现目标的智能体&#xff0c;即AI作为一个人或一个组织的代表&#xff0c;进行某种特定行为和交易&#xff0c;降低一个人或组织的工作复杂程度&#xff0c;减少工作量和沟通成本。 背景 目前&#xff0c;我们在…

监听页面滚动到某个元素 设置入场动画

mounted() {this.eventScroll()}, eventScroll() {// 选择你想要监听的元素const targetLogo document.getElementById(logoanimation);// 创建并配置IntersectionObserverconst observer new IntersectionObserver((entries) > {entries.forEach(entry > {if (entry.…

回收站的文件删除了怎么恢复?4个技巧轻松找回文件!

在日常使用电脑的过程中&#xff0c;回收站作为我们删除文件的临时存放地&#xff0c;扮演着重要的角色。然而&#xff0c;有时我们可能会不小心从回收站中删除了重要文件&#xff0c;导致数据丢失。面对这种情况&#xff0c;许多用户会感到焦虑和无助。但别担心&#xff0c;本…

基于Spark实现大数据量的Node2Vec

基于Spark实现大数据量的Node2Vec Node2Vec 是一种基于图的学习算法&#xff0c;用于生成图中节点的低维度、高质量的向量表示。这种算法基于 word2vec 模型&#xff0c;将自然语言处理中的词嵌入技术应用于图结构的节点&#xff0c;以捕捉节点之间的复杂关系。Node2Vec 特别强…

glibc 2.24 下 IO_FILE 的利用

文章目录 glibc 2.24 下 IO_FILE 的利用介绍&#xff1a;新的利用技术fileno 与缓冲区的相关利用实例&#xff1a;1. _IO_str_jumps -> overflow实例&#xff1a; 2. _IO_str_jumps -> finish实例: 最后拓展一下上一篇博客house of orange题目的做法: glibc 2.24 下 IO_F…

6.4K+ Star!一个强大的本地知识库问答系统,支持多格式文件和跨语言检索,为企业提供高效、安全的数据洞察……

https://github.com/netease-youdao/QAnything 【阅读原文】跳转Github项目 转自AIGC创想者 项目简介 QAnything 是一个基于本地知识库的问答系统&#xff0c;它能够理解和回答基于任何类型文件的问题。 QAnything支持的文件格式非常广泛&#xff0c;包括PDF、Word、PPT、XL…

【GH】【EXCEL】P6: Shapes

文章目录 componentslinepicture components line picture Picture A Picture object Input parameters: Worksheet (Generic Data) A Worksheet, Workbook, Range Object, Excel Application, or Text Worksheet NameName (Text) An optional object nameLocation (Point) A p…

停车场管理系统--论文pf

TOC springboot544停车场管理系统--论文pf 第1章 绪论 1.1 课题背景 二十一世纪互联网的出现&#xff0c;改变了几千年以来人们的生活&#xff0c;不仅仅是生活物资的丰富&#xff0c;还有精神层次的丰富。在互联网诞生之前&#xff0c;地域位置往往是人们思想上不可跨域的…

推荐一个开源的kafka可视化客户端GUI工具(Kafka King)

大佬的博客地址&#xff1a; https://blog.ysboke.cn/posts/tools/kafka-king Github地址&#xff1a; https://github.com/Bronya0/Kafka-King Kafka-King功能清单 查看集群节点列表&#xff08;完成&#xff09;支持PLAINTEXT、SASL PLAINTEXT用户名密码认证&#xff08;完…