npm、pnpm、yarn使用以及区别

npm

  • 使用
    • 安装包 :在项目目录下,npm install <包名> 用于本地安装包到 node_modules 目录,并添加到 package.jsondependencies 中;npm install -g <包名> 用于全局安装,适用于命令行工具等。
    • 初始化项目npm init 可创建 package.json 文件,按提示输入相关信息;npm init -y 可快速生成默认配置的 package.json
    • 更新包npm update <包名> 更新包到最新版本(符合版本规则)。
    • 卸载包npm uninstall <包名> 本地卸载;npm uninstall -g <包名> 全局卸载。
    • 运行脚本 :在 package.jsonscripts 字段定义脚本,如 "start": "node app.js" ,通过 npm run start 运行 。
  • 特点
    • 优点:是 Node.js 默认包管理器,用户基数大,生态系统丰富,包资源多;配置选项灵活,可高度自定义安装过程。
    • 缺点:早期安装速度慢(现已有改善);不同环境依赖版本可能不一致,导致 "依赖地狱";缓存管理不够智能,占用磁盘空间。

yarn

  • 使用
    • 安装包yarn add <包名> 安装到项目,添加到 dependenciesyarn add -D <包名> 安装到开发依赖(devDependencies ) 。
    • 初始化项目yarn init 类似 npm init
    • 更新包yarn upgrade <包名>
    • 卸载包yarn remove <包名>
    • 运行脚本 :定义在 package.jsonscripts 中,yarn <脚本名> 运行。
    • 离线模式:可利用缓存依赖,无网络时也能安装。
  • 特点
    • 优点:安装速度快,采用并行下载和高效依赖解析算法;保证安装结果一致性,解决依赖版本混乱问题;有安全检查功能;支持多包工作空间管理。
    • 缺点:与 npm 虽兼容,但部分 npm 特定功能或插件可能无法完美运行。

pnpm

  • 使用
    • 安装包pnpm add <包名> 本地安装;pnpm add -g <包名> 全局安装。
    • 初始化项目pnpm init
    • 更新包pnpm up <包名> ;指定版本 pnpm up <包名>@<版本号>
    • 卸载包pnpm remove <包名> 本地卸载;pnpm remove --global <包名> 全局卸载。
    • 管理 node 版本pnpm env list --remote 查看可用版本;pnpm env use --global <node版本号> 切换版本。
  • 特点
    • 优点:通过硬链接和文件复用技术,减少磁盘占用,安装速度快;完全兼容 npm 和 yarn 的配置文件;默认严格模式,版本控制精确,避免依赖冲突;跨平台性能好。
    • 缺点:社区相对较小,遇到问题时可获取资源可能较少;部分 IDE 或 CI/CD 工具支持不如 npm 和 yarn 成熟。

三者选择上,追求速度和磁盘空间效率选 pnpm;大型项目需一致性和安全检查选 yarn;看重生态丰富和灵活性选 npm。

相关推荐
Hockor18 分钟前
用 Kimi K2 写前端是一种什么体验?还支持 Claude Code 接入?
前端
杨进军19 分钟前
React 实现 useMemo
前端·react.js·前端框架
海底火旺21 分钟前
浏览器渲染全过程解析
前端·javascript·浏览器
你听得到1122 分钟前
揭秘Flutter图片编辑器核心技术:从状态驱动架构到高保真图像处理
android·前端·flutter
驴肉板烧凤梨牛肉堡23 分钟前
浏览器是否支持webp图像的判断
前端
Xi-Xu24 分钟前
隆重介绍 Xget for Chrome:您的终极下载加速器
前端·网络·chrome·经验分享·github
摆烂为不摆烂26 分钟前
😁深入JS(九): 简单了解Fetch使用
前端
杨进军27 分钟前
React 实现多个节点 diff
前端·react.js·前端框架
用户408128120038127 分钟前
拓展运算符和剩余参数
前端
再见了那维莱特30 分钟前
6.29 drilling notes
前端