前端版本管理工具————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 输出帮助信息
相关推荐
一条晒干的咸魚2 分钟前
【Web前端】创建我的第一个 Web 表单
服务器·前端·javascript·json·对象·表单
Amd79417 分钟前
Nuxt.js 应用中的 webpack:compiled 事件钩子
前端·webpack·开发·编译·nuxt.js·事件·钩子
生椰拿铁You25 分钟前
09 —— Webpack搭建开发环境
前端·webpack·node.js
狸克先生37 分钟前
如何用AI写小说(二):Gradio 超简单的网页前端交互
前端·人工智能·chatgpt·交互
baiduopenmap1 小时前
百度世界2024精选公开课:基于地图智能体的导航出行AI应用创新实践
前端·人工智能·百度地图
loooseFish1 小时前
小程序webview我爱死你了 小程序webview和H5通讯
前端
菜牙买菜1 小时前
让安卓也能玩出Element-Plus的表格效果
前端
请叫我欧皇i1 小时前
html本地离线引入vant和vue2(详细步骤)
开发语言·前端·javascript
533_1 小时前
[vue] 深拷贝 lodash cloneDeep
前端·javascript·vue.js
guokanglun1 小时前
空间数据存储格式GeoJSON
前端