文章目录什么是 npxnpx 是怎么工作的常见使用场景常用参数实际开发建议总结在 Node.js 开发中我们经常需要用到各种命令行工具比如创建项目的脚手架、代码检查、格式化工具等。以前的做法通常是全局安装npminstall-gcreate-react-app create-react-app my-app这种方式有两个明显的问题全局安装容易造成版本冲突只是偶尔用一次的工具却永久占用了系统空间于是npm 在5.2.0版本引入了npx很好地解决了这些问题。什么是 npxnpx 的全称是Node Package Execute可以简单理解为「包执行器」。工具主要职责类比npm安装、管理包工具仓库管理员npx执行包里的命令工具租赁服务一句话总结npx 让你可以临时使用一个 npm 包而不需要全局安装它。npx 是怎么工作的当你执行npx 某个命令时它会按以下顺序查找先看当前项目的node_modules/.bin里有没有再看全局有没有安装如果都没有就从 npm 仓库临时下载并执行执行完成后npx 会把这次临时安装的目录删除保持系统干净。需要注意的是删除的只是临时目录下载的包会被缓存起来下次再使用时会直接从缓存中解压速度更快这就像去酒店酒店有永久的房间库存缓存你住一次就分配一个房间退房后房间被清理但下次还可以再来住。常见使用场景1. 创建项目脚手架最经典# 创建 React 项目npx create-react-app my-app# 创建 Vite 项目npx create-vitelatest my-vite-app# 创建 Next.js 项目npx create-next-applatest my-next-app2. 运行项目本地已安装的工具# 不用再写 ./node_modules/.bin/eslintnpx eslint src/ npx prettier--write.npx tsc--init3. 指定版本运行npx create-react-app5.0.1 my-app4. 临时体验一个工具npx cowsayHello npxnpx http-server常用参数参数作用示例版本指定包版本npx create-react-applatest-y/--yes跳过确认提示npx -y create-react-app my-app--no-install只使用本地已有的包npx --no-install eslint-p/--package指定包名命令名和包名不一致时npx -p cowsay cowsay hello实际开发建议脚手架类工具create-xxx优先用npx永远不建议全局安装项目内工具eslint、prettier、jest 等用npx或写在package.json的 scripts 里高频长期使用的工具可以考虑全局安装但多数情况npx已经足够总结npx 的核心价值在于需要时临时借用用完自动清理既方便又不污染系统。它让我们告别了「为了用一次工具就全局安装」的旧习惯是现代 Node.js 开发中非常实用的工具。下次当你想用某个命令行工具时不妨先试试npx 工具名或许你会发现根本不需要全局安装。 感谢阅读想了解更多 我的博客网站 | 记录思考分享干货 我的个人主页 | 关于我、开源项目