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

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

npm

npm 是 Node.js 自帶的包管理器，平時通過 npm install 命令來安裝各種 npm 包（比如：npm install vue-router ），就是通過這個包管理器來安裝的。 關于 npm 包下載鏡像源的設置：

# 查看下載源
npm config get registry

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

# 刪除下載源
npm config rm registry

npm 的 包的版本鎖定文件是 package-lock.json ，如果有管理多人協作倉庫的需求，可以根據實際情況把它添加至 .gitignore 文件，便于統一團隊的包管理。

cnpm

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

它的安裝命令和 npm 非常一致，通過 cnpm install 命令來安裝（比如 cnpm install vue-router）。 在使用它之前，需要通過 npm 命令進行全局安裝：

npm install -g cnpm

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

cnpm 不生成 版本鎖定 lock 文件，也不會識別項目下的 lock 文件，所以還是推薦使用 npm 或者其他包管理工具，通過綁定鏡像源的方式來管理項目的包。

yarn

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

npm install -g yarn

但是安裝命令上會有點不同， yarn 是用 yarn add 代替 npm install ，用 yarn remove 代替 npm uninstall ，例如：

# 安裝單個包
yarn add vue-router

# 安裝全局包
yarn global add typescript

# 卸載包
yarn remove vue-router

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

# 查看鏡像源
yarn config get registry

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

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

yarn 的 版本鎖定文件是 yarn.lock ，如果有管理多人協作倉庫的需求，可以根據實際情況把它添加至 .gitignore 文件，便于統一團隊的包管理。

pnpm

pnpm 是包管理工具的一個后起之秀，主要優點在于快速的、節省磁盤空間，如果你的包在一個項目中已經下載了，其它項目再用到這個包就不需要再次下載，而是通過軟鏈接的方式關聯。用法跟其他包管理器很相似，沒有太多的學習成本， npm 和 yarn 的命令它都支持。 也是必須先全局安裝它才可以使用：

npm install -g pnpm

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

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