前言
昨天在看webstorm的更新日志时,发现它添加了对Volta的集成,第一眼看到时比较好奇这是个啥,于是就第一时间上手体验了一波。
经过一番摸索后,知道了它的作用以及解决了哪些开发痛点,本文就跟大家分享下这个强大的JavaScript工具管理器Volta的安装与使用,欢迎各位感兴趣的开发者阅读本文。
环境搭建
Volta使用rust开发,没有任何外部依赖项,安装起来特别容易。
在macos与linux系统上安装
打开终端,执行如下所示的命令:
curl https://get.volta.sh | bash
安装成功后的界面如下所示:
[图片上传失败...(image-b543ae-1649807527038)]
细心的开发者可能已经发现,安装完成后volta
命令还无法使用,这是因为添加到环境变量中后,还未生效,我们需要执行如下所示的命令来让其生效:
source ~/.bash_profile
最后,我们再次执行volta
命令它就可以正常使用了。
[图片上传失败...(image-afeaa-1649807527038)]
在Windows系统上安装
在Windows上安装需要下载: volta安装包,按照提示安装即可。
[图片上传失败...(image-893362-1649807527038)]
一直点next
即可完成安装,我们打开cmd
或者powershell
执行volta
指令来验证下是否生效,如下所示:
[图片上传失败...(image-6c36e7-1649807527038)]
使用场景
环境搭建完毕之后,接下来我们看下它的使用场景。
在项目中管理全局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-96d876-1649807527038)]
更多用法
在官方文档中,它还提供了更多的使用方法,你可以用它来充当你系统的JS包版本管理平台,用它来管理node、typescript、nest
等等一系列基于JS开发的包。
我们最常用的就三个命令:
- install 安装一个包,使用方法如下:
# @用于指定版本号,可忽略,忽略的话则默认安装最新版本
volta install [email protected]
- list 显示当前项目使用的全局JS包版本号,使用方法如下:
volta list
[图片上传失败...(image-7bdc57-1649807527038)]
- pin 切换package.json中写的包版本号,使用方法如下:
volta pin [email protected]
[图片上传失败...(image-53df79-1649807527038)]
更多指令请移步官方文档:volta-reference
写在最后
至此,文章就分享完毕了。
我是神奇的程序员,一位前端开发工程师。
如果你对我感兴趣,请移步我的个人网站,进一步了解。
- 文中如有错误,欢迎在评论区指正,如果这篇文章帮到了你,欢迎点赞和关注
- 本文首发于神奇的程序员公众号,未经许可禁止转载