使用volta管理前端开发环境

news2024/12/24 2:25:57

背景:公司有新老不同的产品,使用的node版本不一样,每次都要手动切换node版本,对应的项目才能运行。这样很麻烦,有没有好的解决方法,就找到了volta。

1.为什么是volta?

管网介绍:使用 Volta,一旦您选择了 Node 引擎,您就不必担心它。切换项目不需要您手动切换版本。

  • 跨平台支持,包括 Windows 和所有 Unix shell
  • 快速设置和切换node引擎
  • 逐个项目的无缝版本切换
  • 支持多个包管理器(目前支持npm、yarn)
  • 为协作者提供可复制的环境

2.安装

2.1 mac安装

mac安装nvm和volta都很简单,这里直接使用官方的安装方法。

curl https://get.volta.sh | bash

使用以上命令就可以安装好volta了,使用命令验证volta安装是否成功。

volta -v  // 可以输出当前版本

2.2 windows 安装

在Windows上安装需要下载: volta安装包,按照提示一直next安装即可。
下载地址:https://github.com/volta-cli/volta/releases/download/v1.0.6/volta-1.0.6-windows-x86_64.msi
在这里插入图片描述
安装完成之后,也可以执行命令验证一下。
在这里插入图片描述

3.安装node

3.1 安装最新的版本

volta install node@latest

在这里插入图片描述

3.2 安装指定的版本

volta install node@14.5.0

在这里插入图片描述

3.3 下载node包,放到安装目录进行安装

如果总是安装失败,可以到node官方下载node安装包,进行本地安装。node下载地址:
https://registry.npmmirror.com/binary.html?path=node/

找到以后把包放到我们的安装目录,

  • mac:/Users/用户名/.volta/tools/inventory/node
  • win: C:\Users\admin\AppData\Local\Volta\tools\image\node
  • 不需要管npm,本地安装之后就有了
  • 直接在终端执行安装命令即可

4.查看安装环境

此时,我们已经安装了两个版本,可以使用命令查看我们安装的版本列表

volta list // 查看当前环境依赖
volta list all // 查看所有环境依赖

在这里插入图片描述

5. 项目版本无缝切换

  • 我们有了多个版本的node,就可以到项目中进行对应的设置了。
  • 比如我们vue2的项目需要14版本的node,前往项目目录执行命令
volta pin node@14

  • 如果我们使用node@14,volta会帮助我们找14中最合适的版本,可能不是我们安装过的版本,如果想使用我们安装的版本,必须把版本号写全
volta pin node@14.5.0
  • 此时我们的项目package.json中会多一个配置
"volta": {
  "node": "14.5.0"
}

6. 支持多个包管理器(目前支持npm、yarn)

  • 此配置用来指明我们当前项目设置的volta的环境,包含node、npm、yarn。
  • 虽说node自带npm,但如果我们想限制我们项目npm版本也是可以的,比如限制为8.0.0
volta pin npm@8.0.0
  • 执行完成之后,package.json 中会多一个配置
"volta": {
  "node": "14.5.0",
  "npm": "8.0.0"
}

  • 如果想设置 yarn 也是同样的道理。

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

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

相关文章

基于 VITA57.1 标准的 2 收 2 发射频子卡(国产 ADRV9009子卡)

FMC159 是一款基于 VITA57.1 标准规范,实现 2 收 2 发的射频子模块,该板卡基于国产化 ADRV9009 射频收发器,涵盖了50MHz~6GHz 频段,并集成了双通道收发链路,发送最大实时带宽可到 450MHz,接收最大带宽可以到…

网络层只懂路由?这9个知识点被严重低估了

号主:老杨丨11年资深网络工程师,更多网工提升干货,请关注公众号:网络工程师俱乐部 下午好,我的网工朋友。 网络层想必你已经耳熟能详,它的作用自然是不容小觑。 它负责将数据从源头准确地投递到目的地&am…

SaaS案例分享:成功构建销售渠道的实战经验

面对SaaS产品推广的难题,你是否曾感到迷茫,不知如何选择有效的销售渠道?Shopify独立站联盟营销或许能为你提供新的思路。Shopify作为领先的电商解决方案提供商,其独立站功能为众多商家提供了强大的在线销售平台。而联盟营销&#…

洗地机怎么选?洗地机哪个品牌比较好?四款实力超牛的单品推荐

随着生活节奏的加快,家庭清洁已经成为许多人面临的一大挑战。传统的扫地和拖地方式不仅耗时耗力,还难以彻底清洁每一个角落。家用洗地机的出现,为人们的家庭提供了一个全新的清洁解决方案。然而,在选择合适的洗地机时,…

企业内网是如何禁用U盘的?电脑禁用U盘有哪些方法?

在当今企业环境中,数据安全和信息保护至关重要。 为了防止数据泄露和恶意软件传播,很多企业选择在内网中禁用U盘,以控制数据的物理传输。 小编这就来给大家总结一份详细指南!! 关于企业内网如何禁用U盘的指南&#x…

聚焦现代商贸物流愿景 构筑供应链金融服务体系|第二届京津冀现代商贸物流金融创新发展百人大会成功举办

6月16日,以“链产业筑高地赢未来——聚焦现代商贸物流愿景、构筑供应链金融服务体系”为主题的第二届京津冀现代商贸物流金融创新发展百人大会(以下简称“百人大会”),在2024中国廊坊国际经济贸易洽谈会(以下简称“廊坊经洽会”)开…

示例:WPF中DataGrid简单设置合并列头

一、目的&#xff1a;应用DataGridTemplateColumn列模板&#xff0c;去拆分列头和单元格布局的方式设置列头合并样式 二、实现 效果如下 三、环境 VS2022 四、示例 应用DataGridTemplateColumn自定义列头信息和单元格信息 <DataGrid AutoGenerateColumns"False"…

强化安全保障:广东新能源工厂可燃气体报警校验流程解析

近年来&#xff0c;随着国家对清洁能源和可持续发展战略的高度重视&#xff0c;新能源产业迅速崛起&#xff0c;广东作为我国经济发展的重要引擎&#xff0c;其新能源工厂的建设与运营也走在了全国前列。 这些工厂大多涉及光伏、风能、生物质能等多个领域&#xff0c;生产过程…

VxeBasicTable 右侧工具按钮不显示的检测与处理

1、先上张图&#xff1a; 操作区&#xff0c;按钮不显示。 检查了代码都是正常的。 2、代码检查 这个其实不用检查&#xff0c;因为这个区域是显示出来了&#xff0c;但是上面的actionItem没有显示。 3、检查action item&#xff1a; 发现也挺好的&#xff0c;里面也写了 /…

HQChart实战教程73-仿tradingview指标MACD

HQChart实战教程73-仿tradingview指标MACD MACD![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/84d180b5620940f6b9fe08c6f10eb0f3.png)麦语法脚本实心MACD指标脚本效果 空心MACD指标脚本效果图 自定义指标添加到系统指标里HQChart插件源码地址 MACD tradingview中…

【AI大模型】Transformers大模型库(十):repetition_penalty惩罚系数

目录​​​​​​​ 一、引言 二、惩罚系数repetition_penalty 2.1 概述 2.2 使用说明 2.3 使用示例 三、总结 一、引言 这里的Transformers指的是huggingface开发的大模型库&#xff0c;为huggingface上数以万计的预训练大模型提供预测、训练等服务。 &#x1f917; T…

智能室内空气质量监测预警系统小程序设计说明书

智能室内空气质量监测预警系统小程序设计说明书 一、应用功能与系统设计 &#xff08;一&#xff09; 应用功能 该小程序设计的目的是为了配合环境监测吸顶灯,Mini空气监测仪等硬件设备实时数据展示与远程设备控制等功能&#xff0c;系统框架图如图1-1所示。用户可以从小程序…

第二证券:新股“肉签”不断,今日两只申购!光伏巨头小伙伴来了

本周&#xff08;6月17日—6月21日&#xff09;&#xff0c;A股商场将迎来两只新股&#xff0c;分别为沪市主板的永臻股份和创业板的爱迪特&#xff0c;均将于本周一进行申购。 资料显现&#xff0c;永臻股份是国内领先的铝合金光伏结构件制造商&#xff0c;公司发行价为23.35…

数据结构之“双向链表”

前言 前面我们介绍了单向链表&#xff0c;我们这里的双向链表是为了弥补单向链表只能从头节点开始单向遍历&#xff0c;插入和删除节点时需要更多的操作&#xff0c;因为无法直接访问前一个节点。 目录 前言 一、双向链表的结构 二、实现双向链表 2.1符号定义 2.2节点创…

Zenity向Ubuntu系统发送通知

文章目录 前言 一、Zenity是什么&#xff1f; 二、使用步骤 1.确认是否已安装 2.使用 三. 结论 前言 大家都知道&#xff0c;久坐带来的后果有多么痛苦&#xff0c;但是每天上班&#xff0c;一坐一整天&#xff0c;想着起来活动一下&#xff0c;干起活来就又忘啦&#x…

永辉超市的礼品卡有什么用?

永辉超市礼品卡现在不仅能在门店使用&#xff0c;还能在线上下单用 而且现在很少有人专门去买永辉卡&#xff0c;像我就是用积分兑换的哈哈哈哈 主要积分留着也没用&#xff0c;最后兑了几张100块面值的永辉卡 又去收卡云上看了下&#xff0c;最近92.5折&#xff0c;然后我就…

PyTorch与TensorFlow模型互转指南

在深度学习的领域中&#xff0c;PyTorch和TensorFlow是两大广泛使用的框架。每个框架都有其独特的优势和特性&#xff0c;因此在不同的项目中选择使用哪一个框架可能会有所不同。然而&#xff0c;有时我们可能需要在这两个框架之间进行模型的转换&#xff0c;以便于在不同的环境…

【大语言模型】本地快速部署Ollama运行大语言模型详细流程

&#x1f49d;&#x1f49d;&#x1f49d;欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…

在mybatis 中如何防止 IN里面的参数过多?

代码示例&#xff1a; select xsid from zhxg_gy_ssfp_cwfp where xsid in <foreach collection"list" item"item" open"(" close")" separator" " index"index"> <if test"(index % 999) 998&quo…

C#调用外部API(托管和非托管DLL)

DLL程序的两种类型 托管对象(有垃圾回收机制&#xff0c;内存安全)非托管对象(无垃圾回收机制&#xff0c;需手动回收) 托管对象与非托管对象具体区别参考&#xff1a;【C#】中托管与非托管对象区别、托管与非托管DLL区别_c# dllimport 托管dll-CSDN博客 生成和调用托管对象…