侧边栏壁纸
博主头像
神奇的程序员

今天的努力只为未来

  • 累计撰写 167 篇文章
  • 累计创建 25 个标签
  • 累计收到 215 条评论

目 录CONTENT

文章目录

强大的JavaScript工具管理器Volta

神奇的程序员
2022-04-12 / 0 评论 / 11 点赞 / 1,369 阅读 / 1,385 字 正在检测是否收录...

前言

昨天在看webstorm的更新日志时,发现它添加了对Volta的集成,第一眼看到时比较好奇这是个啥,于是就第一时间上手体验了一波。

经过一番摸索后,知道了它的作用以及解决了哪些开发痛点,本文就跟大家分享下这个强大的JavaScript工具管理器Volta的安装与使用,欢迎各位感兴趣的开发者阅读本文。

环境搭建

Volta使用rust开发,没有任何外部依赖项,安装起来特别容易。

在macos与linux系统上安装

打开终端,执行如下所示的命令:

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

安装成功后的界面如下所示:

image-20220412221024653

细心的开发者可能已经发现,安装完成后volta命令还无法使用,这是因为添加到环境变量中后,还未生效,我们需要执行如下所示的命令来让其生效:

source ~/.bash_profile

最后,我们再次执行volta命令它就可以正常使用了。

image-20220412222000931

在Windows系统上安装

在Windows上安装需要下载: volta安装包,按照提示安装即可。

image-20220412222601999

一直点next即可完成安装,我们打开cmd或者powershell执行volta指令来验证下是否生效,如下所示:

image-20220412222945842

使用场景

环境搭建完毕之后,接下来我们看下它的使用场景。

在项目中管理全局JS包版本

对于前端开发者来说,打交道最多的就是Node与各种包管理工具(yarn、pnpm等等),此时你作为一个团队的技术领导,想统一团队成员电脑上安装的软件包版本,通常做法就是将运行项目所需的版本号写进README.md文件中,团队成员自己来安装对应版本的软件。

这种方法显然是不爽的,当有多个项目时,每个项目依赖的 node版本 都不一样,就需要每次打开项目看下该项目的版本号,手动去切换 node版本 ,降低了开发效率。

volta的出现解决了这个痛点,你只需要在项目的package.json中添加volta字段,写上版本号如下所示:

"volta": {
  "node": "14.16.0",
  "yarn": "1.22.17"
}

团队成员只需在他的电脑上搭建好volta的环境,启动项目即可顺利完成版本的切换🤓,如下图所示,我们分别在项目根目录和全局位置的终端执行了node --version,得到了不同的结果,就证明版本已经切换成功了。

image-20220412232649661

更多用法

在官方文档中,它还提供了更多的使用方法,你可以用它来充当你系统的JS包版本管理平台,用它来管理node、typescript、nest等等一系列基于JS开发的包。

我们最常用的就三个命令:

  • install 安装一个包,使用方法如下:
# @用于指定版本号,可忽略,忽略的话则默认安装最新版本
volta install node@12.11.1
  • list 显示当前项目使用的全局JS包版本号,使用方法如下:
volta list

image-20220412234457717

  • pin 切换package.json中写的包版本号,使用方法如下:
volta pin node@12.11.1

image-20220412234333745

更多指令请移步官方文档:volta-reference

写在最后

至此,文章就分享完毕了。

我是神奇的程序员,一位前端开发工程师。

如果你对我感兴趣,请移步我的个人网站,进一步了解。

  • 文中如有错误,欢迎在评论区指正,如果这篇文章帮到了你,欢迎点赞和关注😊
  • 本文首发于神奇的程序员公众号,未经许可禁止转载💌
11

评论区