nodeJS下npm和yarn的关系和区别详解

一、命令对应关系

1. 初始化项目

操作 npm 命令 Yarn 命令
初始化项目 npm init yarn init
跳过提问快速初始化 npm init -y yarn init -y

2. 安装依赖

操作 npm 命令 Yarn 命令
安装项目所有依赖 npm install yarn install
添加依赖 npm install <package-name> yarn add <package-name>
添加开发依赖 npm install <package-name> --save-dev yarn add <package-name> --dev
添加全局依赖 npm install -g <package-name> yarn global add <package-name>
安装特定版本的依赖 npm install <package-name>@<version> yarn add <package-name>@<version>

3. 删除依赖

操作 npm 命令 Yarn 命令
删除依赖 npm uninstall <package-name> yarn remove <package-name>
删除全局依赖 npm uninstall -g <package-name> yarn global remove <package-name>

4. 更新依赖

操作 npm 命令 Yarn 命令
更新依赖 npm update <package-name> yarn upgrade <package-name>
更新所有依赖到最新版本 npm update yarn upgrade

5. 清理缓存

操作 npm 命令 Yarn 命令
清理缓存 npm cache clean --force yarn cache clean

6. 查看信息

操作 npm 命令 Yarn 命令
查看包信息 npm info <package-name> yarn info <package-name>
查看依赖树 npm list yarn list

7. 运行脚本

操作 npm 命令 Yarn 命令
运行脚本 npm run <script-name> yarn <script-name>
查看所有脚本 npm run yarn run

二、两者的主要区别

1. 性能对比

  • Yarn:并行化安装依赖,比 npm 更快,尤其是首次安装时。
  • npm:较早版本的 npm 安装较慢,但自 npm 5+ 起,性能有了显著提升。

2. 锁定文件

  • Yarn :使用 yarn.lock 文件,确保团队环境中依赖版本的一致性。
  • npm :使用 package-lock.json 文件,功能类似,但结构稍有不同。

3. 缓存机制

  • Yarn:默认会将所有下载的包缓存到本地,再次安装时直接读取缓存,无需重新下载。
  • npm:有缓存机制,但需要手动配置才能达到类似 Yarn 的效果。

4. 工作空间(Monorepo)支持

  • Yarn :原生支持工作空间(workspaces),适合管理 Monorepo 项目。
  • npm:从 npm 7 开始支持工作空间,但功能不如 Yarn 强大。

5. 命令简洁性

  • Yarn 的命令更简洁。例如:
    • 添加依赖:yarn add vs. npm install
    • 删除依赖:yarn remove vs. npm uninstall

6. 全局依赖管理

  • Yarn :全局依赖通过 yarn global add 管理,独立于系统环境。
  • npm :全局依赖通过 npm install -g 管理,依赖系统环境,容易出现权限问题。

三、选择 Yarn 还是 npm?

场景 推荐工具
项目需要更快的安装速度 Yarn
项目需要使用 Monorepo 管理 Yarn
项目需要更广泛的社区支持 npm
追求更现代的依赖管理工具 Yarn 或 npm 7+

总结:

  • Yarn:适合需要高性能和复杂依赖管理的项目。
  • yarn:随着版本升级,已大大缩小与 Yarn 的差距,适合大多数场景。

你可以根据项目需求选择 Yarn 或 npm。如果你的团队使用 Yarn,可以统一使用它;如果没有特殊需求,npm 已经是一个可靠的选择。

相关推荐
运维@小兵42 分钟前
vue使用路由技术实现登录成功后跳转到首页
前端·javascript·vue.js
肠胃炎44 分钟前
React构建组件
前端·javascript·react.js
邝邝邝邝丹1 小时前
React学习———React.memo、useMemo和useCallback
javascript·学习·react.js
美酒没故事°1 小时前
纯css实现蜂窝效果
前端·javascript·css
GISer_Jing2 小时前
React useState 的同步/异步行为及设计原理解析
前端·javascript·react.js
mini榴莲炸弹2 小时前
什么是SparkONYarn模式?
前端·javascript·ajax
能来帮帮蒟蒻吗2 小时前
VUE3 -综合实践(Mock+Axios+ElementPlus)
前端·javascript·vue.js·笔记·学习·ajax·typescript
啊啊啊~~2 小时前
歌词滚动效果
javascript·html
球球和皮皮3 小时前
Babylon.js学习之路《四、Babylon.js 中的相机(Camera)与视角控制》
javascript·3d·前端框架·babylon.js
njsgcs4 小时前
opencascade.js stp vite webpack 调试笔记
开发语言·前端·javascript