各位frontend developer們,時機已經成熟,讓我們開始用上pnpm吧

Senar 發表於 2021-12-04

pnpm是啥?

全稱performant npm(高效能的npm),見名知意,就是一個npm的替代品,至於為什麼高效能,用什麼樣的方式解決了依賴包體積趨近於黑洞的問題,比這yarn有什麼改進,已經有官網文件無數大佬的解讀了,我就不再羅裡吧嗦再說一遍了,總之就是又快又好有省空間又省時間又安全!你說我們有啥理由不用呢?

為什麼說現在是時機成熟的時刻

因為nodejsv16.13.0版本和v16.13.1版本已經是LTS(長期維護版)了,為什麼提到這兩個版本,因為自16.13之後的版本內建了實驗性的工具corepackcorepack是啥?

文件啊!
不想看的我來給你簡單介紹下:就是nodejs內建的一個管理包管理器的一個東西

u=3729687073,1190663887&fm=253&fmt=auto&app=120&f=JPEG.webp

別急,我再通俗的給你解釋一下,你看我們平時開發的時候安裝依賴都會用到啥

1. npm

2. yarn

3. pnpm

4. ...

是不是很亂?除了nodejs預設自帶的npm,別的你是不是還得全域性安裝下?

這個corepack就是自nodejs v16.13版本之後預設自帶的一個工具,專門用來管理這些安裝依賴的這些個工具,最重要的時還自帶pnpm好傢伙!

怎麼用上呢?

首先如果你沒有裝nvm請先裝一個nvm,用來保留之前的node版本,不要問我nvm是啥

nvm

linux和osx使用者的文件

win使用者的文件

nvm升級

如果你是windows使用者並且你之前就安裝了nvm-windows,想要用corepack管理pnpm,還需要把你的nvm-windows升級到1.1.8版本,因為這個版本才能支援corepack

如果你不是windows,直接看nvm文件中的Install & Update Script的部分升級一下或者安裝一下,source一下你的bash/zsh的配置檔案就好了

知道怎麼升級的、踩過這個坑的可以跳過了

下載安裝升級包

首先在倉庫的releases頁面找到1.1.8版本的,然後找到名為nvm-update.zip的檔案,下載解壓之後執行裡面的nvm-update.exe就可以了

踩坑

在這之前如果你使用nvm安裝了16.13及以上版本的nodejs,請先解除安裝,然後右鍵你的開始選單找到Windows PowerShell(管理員)點選,之後再通過

nvm install 16.13.1

安裝最新的LTS版本,截至發文,現在最新的LTS版本為16.13.1,大家看情況安裝!安裝完成之後:

nvm use 16.13.1

切換到指定版本,接著按照pnpm官網的文件,先把實驗性的corepack開啟

corepack enable

通常corepack中的包管理器版本都不是最新的所以我們要升級到最新,關於最新的pnpm版本號,可以去npmjs官網去看,截至發文,最新版本是6.23.6

corepack prepare [email protected] --activate

大功告成

此時你就可以pnpm install/dev/build了,gym,起飛 唉 起飛~

1638589973(1).jpg

如果有其他安裝過程中的問題,歡迎大家留言討論!

相關文章