npx和npm 和pnpm的区别

概念与功能

  • npx :npx 并不是一个包管理器,而是 npm(Node Package Manager)的一个工具,用于临时执行 npm 包中的命令,而无需全局安装该包。比如你想临时使用某个脚手架工具创建一个项目,就可以直接使用npx create-react-app my-app,它会自动下载并执行create-react-app这个包的命令,执行完后不会在本地全局环境中留下该包。
  • npm :是 Node.js 的默认包管理器,用于管理项目的依赖关系,包括安装、卸载、更新包等操作,还可以用于运行脚本、管理项目的版本等。它会将下载的包安装到项目的node_modules目录下,并在package.json文件中记录项目的依赖信息。
  • pnpm:是一个快速、节省磁盘空间的包管理器,与 npm 类似,也用于管理 Node.js 项目的依赖,但在安装包的方式和存储结构上有所不同,能更高效地利用磁盘空间,提升安装速度,并且在多项目管理等方面有一些独特的优势。

安装方式与性能

  • npx:不涉及对包的长期安装,只是临时下载并执行包中的命令,执行完毕后会自动清理相关文件,不会占用过多的磁盘空间和系统资源。
  • npm :在安装包时,会将包及其所有依赖项完整地下载到node_modules目录中。如果多个项目依赖同一个包,每个项目的node_modules中都会有一份该包的副本,可能会占用较多磁盘空间。在安装大型项目依赖时,可能会因为需要下载大量文件而导致安装速度较慢。
  • pnpm :采用了硬链接(hard link)和符号链接(symbolic link)的方式来管理node_modules中的包。它会将所有项目共享的依赖包存储在一个全局的存储位置,然后在每个项目的node_modules中通过链接的方式引用这些共享的包,从而大大节省了磁盘空间。由于这种存储方式,pnpm 在安装包时,如果已经有了相关的缓存,安装速度会非常快

命令使用与行为

  • npx :主要用于执行一次性的命令,比如运行测试工具、代码生成器等。使用npx时,如果本地没有找到指定的包,它会自动从 npm 仓库下载并执行,执行完后不会将该包添加到项目的依赖列表中。
  • npm :提供了丰富的命令来管理项目依赖和执行脚本等操作。如npm install用于安装依赖,npm run用于执行package.json中定义的脚本命令等。安装包时,会根据package.json中的依赖信息,将所有依赖包下载并安装到node_modules目录下,并自动处理依赖关系。
  • pnpm :命令与 npm 类似,也有pnpm install、pnpm run等命令。但在处理依赖安装时,行为有所不同。例如,pnpm 在安装依赖时,会严格按照项目的依赖关系树来安装包,并且在遇到依赖冲突时,可能会有不同的处理方式,更注重依赖的一致性和稳定性

适用场景

  • npx:适用于偶尔需要执行某个 npm 包中的命令,而不想全局安装该包,或者不想将其添加为项目的长期依赖的情况。比如快速尝试一个新的工具、临时执行一些代码生成或测试任务等。
  • npm:适用于大多数 Node.js 项目,尤其是在没有特殊性能要求或对包管理有特定需求的情况下,是一个通用的选择。它与 Node.js 生态系统紧密集成,广泛应用于各种类型的项目,无论是小型个人项目还是大型企业级应用。
  • pnpm:适用于对磁盘空间和安装速度有较高要求的项目,特别是在管理多个项目且有大量共享依赖的场景下,能显著提高效率和节省空间。例如,在开发大型的前端项目或多个微服务组成的后端项目时,pnpm 可以更好地管理依赖,提升开发体验。
相关推荐
子兮曰4 天前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰4 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万4 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝4 天前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
三十而立洋4 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁4 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
汉堡大王95274 天前
Jev:不是聊天机器人, 而是一个智能 if 语句
前端·人工智能·后端
梦想很大很大4 天前
从运行事实到回归证据:Workrun 的 Telemetry 与 Evaluation 实践
前端·人工智能·后端
计算机魔术师4 天前
Meta Muse agent 接入 Shopify 的 Shop Pay 实现代理式购物
前端
沙蒿同学4 天前
我用 Go 搭了一条 AI Agent 流水线:从 1 张商品图到一整套淘宝详情页
前端·javascript·后端