npm、pnpm、yarn之间的区别

1 引言

平时在项目开发中,经常用到npm、pnpm、yarn这些来安装包,但是它们之间到底有什么区别呢,一直没太搞明白。

我只知道他们都是可以从npm官网上下载包,安装完包咱们就可以写代码了,其他的不觉明历,所以认为需要总结下。

2 npm

npm(Node Package Manager)是Node.js的默认包管理器。它是一个成熟、广泛使用的工具,有着大量的开源包。

2.1 特点

  • 默认随Node.js一起安装,无需额外配置。
  • 提供了庞大的包生态系统,有大量的第三方包可用。
  • 默认将依赖项安装到项目的node_modules目录中。

2.2 使用实例

bash 复制代码
# 在项目中安装依赖项
npm install lodash
​
# 全局安装包
npm install -g create-react-app
​
# 查看已安装的包
npm list
​
# 清空缓存
npm cache clean

3 pnpm

pnpm 是一种较新的包管理工具,旨在解决npm中的依赖项重复安装的问题。

3.1 特点

  • 默认随Node.js一起安装,无需额外配置。
  • 提供了庞大的包生态系统,有大量的第三方包可用。
  • 默认将依赖项安装到项目的node_modules目录中。

3.2 使用实例

csharp 复制代码
# 在项目中安装依赖项
pnpm add lodash
​
# 全局安装包
pnpm add -g create-react-app
​
# 查看已安装的包
pnpm list
​
# 清空缓存
pnpm cache clean

4 yarn

yarn 是由Facebook提供的包管理工具,旨在提高性能和安全性。

4.1 特点

  • 并行下载、离线安装,提高安装速度。
  • 锁定版本以确保不同环境中获得相同的依赖版本。
  • 具有强大的命令行工具和用户界面。

4.2 使用实例

csharp 复制代码
# 在项目中安装依赖项
yarn add lodash
​
# 全局安装包
yarn global add create-react-app
​
# 查看已安装的包
yarn list
​
# 清空缓存
yarn cache clean

5 比较

5.1 安装速度

  • npm: 相对较慢,特别是在有大量依赖项的项目中。
  • pnpm: 安装速度较快,尤其在多项目工作区中。
  • yarn: 使用并行下载,速度相对较快。

5.2 磁盘空间占用

  • npm: 默认将依赖项复制到项目的node_modules目录,可能导致重复占用磁盘空间。
  • pnpm: 通过符号链接共享依赖项,减少了磁盘空间占用。
  • yarn: 在离线模式下,通过缓存机制减少了磁盘空间占用

5.3 并发安装

  • npm: 不支持并发安装,会一个一个地安装依赖项。
  • pnpm: 支持并发安装,提高了安装速度。
  • yarn: 使用并行下载,速度相对较快。

5.4 稳定性

  • npm: 稳定、成熟,广泛使用。
  • pnpm: 相对较新,但社区正在不断发展。
  • yarn: 由Facebook维护,稳定性较高。

小结

npm是默认选择,稳定且易于使用。pnpm通过共享依赖项减少磁盘空间占用,适用于需要优化空间的项目。yarn通过并行下载和版本锁定提供了更快、更可靠的安装。至于用什么,看我们个人喜好。然后有一点,最好不要混用,不然会有未知的错误,至少我在单一的情况只用一种来管理还是没有遇到啥错误的。

总结的不是很全,如果不周到或大家有更好的见解可以补充一下哈~ 然后就算以上大部分内容来自chatgpt~

相关推荐
wuk9982 小时前
实现ROS系统的Websocket传输,向Web应用推送sensor_msgs::Image数据
前端·websocket·网络协议
合作小小程序员小小店3 小时前
web网页开发,在线%考试管理%系统,基于Idea,vscode,html,css,vue,java,maven,springboot,mysql
java·前端·系统架构·vue·intellij-idea·springboot
天天进步20154 小时前
CSS Grid与Flexbox:2025年响应式布局终极指南
前端·css
Boop_wu5 小时前
[Java EE] 计算机基础
java·服务器·前端
Novlan15 小时前
TDesign UniApp 组件库来了
前端
用户47949283569155 小时前
React DevTools 组件名乱码?揭秘从开发到生产的代码变形记
前端·react.js
顾安r6 小时前
11.8 脚本网页 打砖块max
服务器·前端·html·css3
倚栏听风雨6 小时前
typescript 方法前面加* 是什么意思
前端
狮子不白6 小时前
C#WEB 防重复提交控制
开发语言·前端·程序人生·c#
菜鸟‍6 小时前
【前端学习】阿里前端面试题
前端·javascript·学习