前端的包管理器npm/pnpm等怎么使用

這篇“前端的包管理器npm/pnpm等怎么使用”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“前端的包管理器npm/pnpm等怎么使用”文章吧。

npm

npm 是 Node.js 自帶的包管理器，平時(shí)通過(guò) npm install 命令來(lái)安裝各種 npm 包（比如：npm install vue-router ），就是通過(guò)這個(gè)包管理器來(lái)安裝的。 關(guān)于 npm 包下載鏡像源的設(shè)置：

# 查看下載源
npm config get registry

# 綁定下載源
npm config set registry https://registry.npmmirror.com

# 刪除下載源
npm config rm registry

npm 的 包的版本鎖定文件是 package-lock.json ，如果有管理多人協(xié)作倉(cāng)庫(kù)的需求，可以根據(jù)實(shí)際情況把它添加至 .gitignore 文件，便于統(tǒng)一團(tuán)隊(duì)的包管理。

cnpm

cnpm 是阿里巴巴推出的包管理工具，安裝之后默認(rèn)會(huì)使用 https://registry.npmmirror.com 這個(gè)鏡像源。

它的安裝命令和 npm 非常一致，通過(guò) cnpm install 命令來(lái)安裝（比如 cnpm install vue-router）。 在使用它之前，需要通過(guò) npm 命令進(jìn)行全局安裝：

npm install -g cnpm

# 或者
npm install -g cnpm --registry=https://registry.npmmirror.com

cnpm 不生成 版本鎖定 lock 文件，也不會(huì)識(shí)別項(xiàng)目下的 lock 文件，所以還是推薦使用 npm 或者其他包管理工具，通過(guò)綁定鏡像源的方式來(lái)管理項(xiàng)目的包。

yarn

yarn 也是一個(gè)常用的包管理工具，和 npm 十分相似， npmjs 上的包，也會(huì)同步到 yarnpkg 。 也是需要全局安裝才可以使用：

npm install -g yarn

但是安裝命令上會(huì)有點(diǎn)不同， yarn 是用 yarn add 代替 npm install ，用 yarn remove 代替 npm uninstall ，例如：

# 安裝單個(gè)包
yarn add vue-router

# 安裝全局包
yarn global add typescript

# 卸載包
yarn remove vue-router

而且在運(yùn)行腳本的時(shí)候，可以直接用 yarn 來(lái)代替 npm run ，例如 yarn dev 相當(dāng)于 npm run dev 。 升級(jí)的時(shí)候用 yarn upgrade 代替 npm update命令。 yarn 默認(rèn)綁定的是 https://registry.yarnpkg.com 的下載源，如果包的下載速度太慢，也可以配置鏡像源，但是命令有所差異：

# 查看鏡像源
yarn config get registry

# 綁定鏡像源
yarn config set registry https://registry.npmmirror.com

# 刪除鏡像源（注意這里是 delete ）
yarn config delete registry

yarn 的 版本鎖定文件是 yarn.lock ，如果有管理多人協(xié)作倉(cāng)庫(kù)的需求，可以根據(jù)實(shí)際情況把它添加至 .gitignore 文件，便于統(tǒng)一團(tuán)隊(duì)的包管理。

pnpm

pnpm 是包管理工具的一個(gè)后起之秀，主要優(yōu)點(diǎn)在于快速的、節(jié)省磁盤(pán)空間，如果你的包在一個(gè)項(xiàng)目中已經(jīng)下載了，其它項(xiàng)目再用到這個(gè)包就不需要再次下載，而是通過(guò)軟鏈接的方式關(guān)聯(lián)。用法跟其他包管理器很相似，沒(méi)有太多的學(xué)習(xí)成本， npm 和 yarn 的命令它都支持。 也是必須先全局安裝它才可以使用：

npm install -g pnpm

目前 pnpm 在開(kāi)源社區(qū)的使用率越來(lái)越高，包括接觸最多的 Vue / Vite 團(tuán)隊(duì)也在逐步遷移到 pnpm 來(lái)管理依賴(lài)。 pnpm 的下載源使用的是 npm ，所以如果要綁定鏡像源，按照 npm 的方式處理就可以了。

以上就是關(guān)于“前端的包管理器npm/pnpm等怎么使用”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。