首页 > 其他分享 >使用volta管理前端开发环境

使用volta管理前端开发环境

时间:2024-06-18 17:58:14浏览次数:11  
标签:node npm 项目 环境 版本 volta 安装 前端开发

背景:公司有新老不同的产品,使用的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 [email protected]

在这里插入图片描述

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 [email protected]
  • 此时我们的项目package.json中会多一个配置
"volta": {
  "node": "14.5.0"
}

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

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

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

标签:node,npm,项目,环境,版本,volta,安装,前端开发
From: https://blog.csdn.net/taotao_guiwang/article/details/139749517

相关文章

  • git的下载、安装及本地环境配置教程
    目录一、到Git官网下载所需版本二、Git的安装三、本地环境的配置一、到Git官网下载所需版本1、我首先选择的是Windows。(具体看你电脑的系统)2、git有两个版本【steup】设置版本与【portable】便携式版本,我下载是【steup】版本的。【steup】设置版本:是安装到自己电脑上......
  • 搭建PHP开发环境:Linux篇
    目录一、引言二、环境准备三、安装Web服务器(Apache)Ubuntu/Debian系统:CentOS/RedHat系统:四、安装PHP解释器Ubuntu/Debian系统:CentOS/RedHat系统:五、配置Apache以支持PHPUbuntu/Debian系统:CentOS/RedHat系统:六、安装和配置数据库(MySQL/MariaDB)Ubuntu/Debian系统:......
  • 2、k8s-集群环境的搭建-docker安装部署-k8s组件(kubelet)安装部署-集群初始化-fannel网
    kubernetes集群分为两类:·一主多从:一台master节点和多台node节点、搭建简单、但是有单机故障的风险、适合用于测试环境·多主多从:多台master节点和多台node节点、搭建麻烦、安全性高、适用于生产环境 ===================================一主多从搭建=============......
  • linux 配置java环境变量
    1.下载与安装查看操作系统位数uname-m如果输出是x86_64,那么你的系统是64位的;如果输出是i686或i386,那么你的系统是32位的。openJDK下载地址:清华大学开源软件镜像站以jdk11为例,下载地址为:https://mirror.tuna.tsinghua.edu.cn/Adoptium/11/jdk/x64/linux/OpenJDK11U-jdk_x......
  • IT入门知识第五部分《前端开发》(5/10)
    目录引言介绍前端开发的重要性网页技术的演变现代前端开发的特点1.前端技术概述定义前端开发前端开发的主要职责前端开发与用户体验的关系1.1前端开发的重要性用户界面和交互的重要性响应式设计的需求1.2前端开发的核心技能熟悉Web标准和最佳实践跨浏览器兼容......
  • HPC环境下文件流转最容易忽视的安全问题是什么?
    半导体芯片设计企业将IC设计、仿真、验证过程上云,已成为越来越广泛的共识。企业使用HPC环境能满足EDA工作负载前端仿真百万随机IO小文件,后端仿真海量顺序读写大文件的高并发访问需求,简化EDA的工作流程,降低了仿真作业的时间。  此外,HPC环境可以提供近乎无瓶颈的计算性......
  • 常见的授权渗透环境
    有一些经过授权的渗透测试环境可供学习和实践使用。以下是一些常见的环境:OWASPMutillidae:这是一个免费的、开源的Web应用程序,它包含了许多故意设计的脆弱性,用于安全测试和渗透测试实践。你可以在本地安装它,并尝试发现和利用其中的安全漏洞。OWASPWebGoat:这是另一个OWASP项目,也......
  • 嵌入式 Linux 基础:环境配置(Debian 12 安装配置)
    目录一、安装虚拟机1、安装VMwareWorkstationPro注册博通官网注册账号下载VMwareWorkstationPro2、虚拟机安装Debian12下载Debian12镜像虚拟机设置配置(安装)debian12配置debian12环境3、配置Debian12软件设置Flatpak和Flathub安装微信二、其他开发环境配置一、安......
  • Linux安装JDK环境
     1.下载安装官网地址:https://www.oracle.com/java/technologies/downloads/?er=221886#java11本地包下载后传入路径/usr/local/下。 不使用xftp也可以直接拖入。如果无法拖入需要安装上传下载文件包:#安装上传下载文件包yuminstalllrzsz-y解压......
  • pycharm中Allure的安装及其环境配置
    目录一、安装Allure二、配置环境三、借助Allure生成美观又方面的测试报告注:Windows系统,在pycharm中安装Allure,Allure是由Java语⾔开发的⼀个轻量级,灵活的测试报告⼯具。在安装Allure之前请确保电脑已安装JDK。         Allure是一种灵活的轻量级多语言测试......