前端版本管理工具————volta详解

JavaScirpt管理工具volta

只要在 <math xmlns="http://www.w3.org/1998/Math/MathML"> p a c k a g e . j s o n package.json </math>package.json配置以下代码即可轻松切换node版本而无需手动切换

json 复制代码
"volta": {
  "node": "18.xx.x"
}

特点

  • 速度快:快速无缝地安装和运行任何JS工具,按项目版本切换
  • 跨平台:包括Windows macOS linux
  • 多管理器:(npm、yarm、pnpm、cnpm)

volta安装

  • 在包括macOS在内的大多数linux系统上,只需一个命令即可安装Volta:
js 复制代码
 curl https://get.volta.sh | bash

对于bash、zsh和fish,此安装程序将自动更新控制台启动脚本。如果希望防止修改控制台启动脚本,请参阅跳过Volta安装程序。要手动将shell配置为使用Volta,请编辑控制台启动脚本以:

  • VOLTA_HOME变量设置为$HOME/.VOLTA
  • $VOLTA_HOME/bin添加到PATH变量的开头

Windows安装

js 复制代码
Volta的功能取决于创建符号链接,因此您必须:

-   启用**开发人员模式**(推荐)

下载过后打开安装包,一直点next即可完成安装

我们打开cmd或者powershell执行

js 复制代码
// 默认安装最新的LTS稳定版可通过@xxx的方式安装对应版本

volta install node

下载完成后放到C:\Users\pc\AppData\Local\Volta\tools\inventory\node目录中(通过uninstall删除不了已下载的node版本及包管理工具,如果需要删除请直接删除上述路径下要删除的东西,或者整个包删除,重新下载

安装完成后每个node版本中都有对应的npm,你也可以安装yarn和pnpm

js 复制代码
// yarn版本推荐1.22.22 最新版本yarn 使用过程中有问题(具体还在探索中)

volta install yarn@x.xx.xx
js 复制代码
// 安装pnpm推荐node版本18及以上  低版本会报版本不兼容

volta install pnpm

管理项目的node版本(在项目根目录中安装依赖前先在终端执行再安装项目依赖)

js 复制代码
  
volta pin node@xx.xx.xx

// 程序包管理器 cnpm yarn pnpm 等

volta pin npm@xx.xx.xx

Volta 会把这个放在你的 package.json,这样你就可以把你选择的工具提交到版本控制:

查看当前已安装node版本及包管理工具

js 复制代码
volta list

其他相关指令

js 复制代码
volta fetch 将工具缓存到本地机器以供离线使用

volta install 设置工具的默认版本

volta uninstall 从工具链中卸载工具

volta pin 固定项目的运行时或包管理器

volta list 显示当前工具链

volta list all 显示所有工具链

volta completions 命令补全

volta which 查看 volta 安装的工具的目录

volta setup 为当前用户/shell 启用 volta

volta run 运行带有自定义Node、npm、pnpm和/或Yarn版本的命令

volta help 输出帮助信息
相关推荐
HEX9CF15 分钟前
【CTF Web】Pikachu xss之href输出 Writeup(GET请求+反射型XSS+javascript:伪协议绕过)
开发语言·前端·javascript·安全·网络安全·ecmascript·xss
凌云行者27 分钟前
使用rust写一个Web服务器——单线程版本
服务器·前端·rust
华农第一蒟蒻43 分钟前
Java中JWT(JSON Web Token)的运用
java·前端·spring boot·json·token
积水成江44 分钟前
关于Generator,async 和 await的介绍
前端·javascript·vue.js
___Dream1 小时前
【黑马软件测试三】web功能测试、抓包
前端·功能测试
金灰1 小时前
CSS3练习--电商web
前端·css·css3
人生の三重奏1 小时前
前端——js补充
开发语言·前端·javascript
Tandy12356_1 小时前
js逆向——webpack实战案例(一)
前端·javascript·安全·webpack
TonyH20021 小时前
webpack 4 的 30 个步骤构建 react 开发环境
前端·css·react.js·webpack·postcss·打包
你会发光哎u1 小时前
Webpack模式-Resolve-本地服务器
服务器·前端·webpack