前端版本管理工具————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 [email protected]
js 复制代码
// 安装pnpm推荐node版本18及以上  低版本会报版本不兼容

volta install pnpm

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

js 复制代码
  
volta pin [email protected]

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

volta pin [email protected]

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 输出帮助信息
相关推荐
whatever who cares18 分钟前
CSS3 伪元素(Pseudo-elements)大全
前端·css·css3
若愚679220 分钟前
前端取经路——性能优化:唐僧的九道心经
前端·性能优化
Bl_a_ck1 小时前
开发环境(Development Environment)
开发语言·前端·javascript·typescript·ecmascript
田本初1 小时前
使用vite重构vue-cli的vue3项目
前端·vue.js·重构
ai产品老杨2 小时前
AI赋能安全生产,推进数智化转型的智慧油站开源了。
前端·javascript·vue.js·人工智能·ecmascript
帮帮志2 小时前
vue实现与后台springboot传递数据【传值/取值 Axios 】
前端·vue.js·spring boot
xixingzhe22 小时前
Nginx 配置多个监听端口
服务器·前端·nginx
清风细雨_林木木3 小时前
Vue 2 项目中配置 Tailwind CSS 和 Font Awesome 的最佳实践
前端·css·vue.js
逊嘘3 小时前
【Web前端开发】CSS基础
前端·css
小宁爱Python3 小时前
深入掌握CSS Flex布局:从原理到实战
前端·javascript·css