昨天在看webstorm的更新日志時(shí)，發(fā)現(xiàn)它添加了對(duì)Volta的集成，第一眼看到時(shí)比較好奇這是個(gè)啥，于是就第一時(shí)間上手體驗(yàn)了一波。

經(jīng)過一番摸索后，知道了它的作用以及解決了哪些開發(fā)痛點(diǎn)，本文就跟大家分享下這個(gè)強(qiáng)大的JavaScript工具管理器Volta的安裝與使用，歡迎各位感興趣的開發(fā)者閱讀本文。

環(huán)境搭建

Volta使用rust開發(fā)，沒有任何外部依賴項(xiàng)，安裝起來(lái)特別容易。

在macos與linux系統(tǒng)上安裝

打開終端，執(zhí)行如下所示的命令：

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

安裝成功后的界面如下所示：

image-20220412221024653

細(xì)心的開發(fā)者可能已經(jīng)發(fā)現(xiàn)，安裝完成后volta命令還無(wú)法使用，這是因?yàn)樘砑拥江h(huán)境變量中后，還未生效，我們需要執(zhí)行如下所示的命令來(lái)讓其生效：

source ~/.bash_profile

最后，我們?cè)俅螆?zhí)行volta命令它就可以正常使用了。

image-20220412222000931

在Windows系統(tǒng)上安裝

在Windows上安裝需要下載: volta安裝包，按照提示安裝即可。

image-20220412222601999

一直點(diǎn)next即可完成安裝，我們打開cmd或者powershell執(zhí)行volta指令來(lái)驗(yàn)證下是否生效，如下所示：

image-20220412222945842

使用場(chǎng)景

環(huán)境搭建完畢之后，接下來(lái)我們看下它的使用場(chǎng)景。

在項(xiàng)目中管理全局JS包版本

對(duì)于前端開發(fā)者來(lái)說，打交道最多的就是Node與各種包管理工具(yarn、pnpm等等)，此時(shí)你作為一個(gè)團(tuán)隊(duì)的技術(shù)領(lǐng)導(dǎo)，想統(tǒng)一團(tuán)隊(duì)成員電腦上安裝的軟件包版本，通常做法就是將運(yùn)行項(xiàng)目所需的版本號(hào)寫進(jìn)README.md文件中，團(tuán)隊(duì)成員自己來(lái)安裝對(duì)應(yīng)版本的軟件。

這種方法顯然是不爽的，當(dāng)有多個(gè)項(xiàng)目時(shí)，每個(gè)項(xiàng)目依賴的 node版本 都不一樣，就需要每次打開項(xiàng)目看下該項(xiàng)目的版本號(hào)，手動(dòng)去切換 node版本 ，降低了開發(fā)效率。

volta的出現(xiàn)解決了這個(gè)痛點(diǎn)，你只需要在項(xiàng)目的package.json中添加volta字段，寫上版本號(hào)如下所示：

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

團(tuán)隊(duì)成員只需在他的電腦上搭建好volta的環(huán)境，啟動(dòng)項(xiàng)目即可順利完成版本的切換??，如下圖所示，我們分別在項(xiàng)目根目錄和全局位置的終端執(zhí)行了node --version，得到了不同的結(jié)果，就證明版本已經(jīng)切換成功了。

image-20220412232649661

更多用法

在官方文檔中，它還提供了更多的使用方法，你可以用它來(lái)充當(dāng)你系統(tǒng)的JS包版本管理平臺(tái)，用它來(lái)管理node、typescript、nest等等一系列基于JS開發(fā)的包。

我們最常用的就三個(gè)命令：

(1) install 安裝一個(gè)包，使用方法如下：

# @用于指定版本號(hào)，可忽略，忽略的話則默認(rèn)安裝最新版本
volta install node@12.11.1

(2) list 顯示當(dāng)前項(xiàng)目使用的全局JS包版本號(hào)，使用方法如下：

volta list

image-20220412234457717

(3) pin 切換package.json中寫的包版本號(hào)，使用方法如下：

volta pin node@12.11.1

image-20220412234333745