前言
昨天在看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-b543ae-1649807527038)]
細(xì)心的開發(fā)者可能已經(jīng)發(fā)現(xiàn)，安裝完成后volta命令還無(wú)法使用，這是因?yàn)樘砑拥江h(huán)境變量中后，還未生效，我們需要執(zhí)行如下所示的命令來(lái)讓其生效：
source ~/.bash_profile
最后，我們?cè)俅螆?zhí)行volta命令它就可以正常使用了。
[圖片上傳失敗...(image-afeaa-1649807527038)]
在Windows系統(tǒng)上安裝
在Windows上安裝需要下載: volta安裝包，按照提示安裝即可。
[圖片上傳失敗...(image-893362-1649807527038)]
一直點(diǎn)next即可完成安裝，我們打開cmd或者powershell執(zhí)行volta指令來(lái)驗(yàn)證下是否生效，如下所示：
[圖片上傳失敗...(image-6c36e7-1649807527038)]
使用場(chǎng)景
環(huán)境搭建完畢之后，接下來(lái)我們看下它的使用場(chǎng)景。
在項(xiàng)目中管理全局JS包版本
對(duì)于前端開發(fā)者來(lái)說(shuō)，打交道最多的就是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-96d876-1649807527038)]
更多用法
在官方文檔中，它還提供了更多的使用方法，你可以用它來(lái)充當(dāng)你系統(tǒng)的JS包版本管理平臺(tái)，用它來(lái)管理node、typescript、nest等等一系列基于JS開發(fā)的包。
我們最常用的就三個(gè)命令：
- install 安裝一個(gè)包，使用方法如下：
# @用于指定版本號(hào)，可忽略，忽略的話則默認(rèn)安裝最新版本
volta install node@12.11.1
- list 顯示當(dāng)前項(xiàng)目使用的全局JS包版本號(hào)，使用方法如下：
volta list
[圖片上傳失敗...(image-7bdc57-1649807527038)]
- pin 切換package.json中寫的包版本號(hào)，使用方法如下：
volta pin node@12.11.1
[圖片上傳失敗...(image-53df79-1649807527038)]
更多指令請(qǐng)移步官方文檔：volta-reference
寫在最后
至此，文章就分享完畢了。
我是神奇的程序員，一位前端開發(fā)工程師。
如果你對(duì)我感興趣，請(qǐng)移步我的個(gè)人網(wǎng)站，進(jìn)一步了解。
- 文中如有錯(cuò)誤，歡迎在評(píng)論區(qū)指正，如果這篇文章幫到了你，歡迎點(diǎn)贊和關(guān)注??
- 本文首發(fā)于神奇的程序員公眾號(hào)，未經(jīng)許可禁止轉(zhuǎn)載??
