npx 和 npm 是 Node.js 生态中两个密切相关的工具，但它们的功能和用途有显著区别：
1. npm（Node Package Manager）
- 定位：Node.js 的包管理工具，用于安装、管理和发布 JavaScript 包。
- 核心功能：
- 安装依赖：通过
npm install <package>安装包到本地或全局。 - 管理项目依赖：通过
package.json文件记录依赖版本。 - 运行脚本：通过
npm run <script>执行package.json中定义的脚本。 - 发布包：通过
npm publish将代码发布到 npm 仓库。
- 安装依赖：通过
- 示例：
npm install lodash # 安装 lodash 到本地 node_modules npm install -g typescript # 全局安装 TypeScript npm run start # 运行 package.json 中的 "start" 脚本
2. npx（Node Package Executor）
- 定位：
npm的配套工具，用于直接执行包中的命令，无需全局或本地安装。 - 核心功能：
- 临时执行包：自动下载远程包并运行，完成后删除。
- 运行本地已安装的包：直接调用本地
node_modules/.bin中的命令。 - 切换包版本：指定特定版本运行（如
npx node@14 myscript.js）。
- 示例：
npx create-react-app my-app # 临时下载并运行 create-react-app npx eslint . # 运行本地安装的 eslint npx http-server # 启动一个临时 HTTP 服务器
关键区别
| 特性 | npm | npx |
|---|---|---|
| 主要用途 | 安装和管理依赖 | 直接执行包中的命令 |
| 是否需要安装包 | 需要提前安装（本地或全局） | 可临时下载并执行，无需提前安装 |
| 典型场景 | 管理项目依赖、运行脚本、发布包 | 运行一次性命令、测试工具、脚手架 |
| 执行本地包命令 | 需通过 npm run 或完整路径调用 | 直接通过 npx <command> 调用 |
| 全局包依赖 | 依赖全局安装的包 | 不依赖全局包，可指定版本运行 |
为什么需要 npx？
-
避免全局污染：
例如运行create-react-app时，无需全局安装，直接通过npx临时调用最新版本。 -
简化本地包调用：
本地安装的工具（如eslint、jest）可以直接用npx执行，无需配置package.json脚本或输入冗长路径。 -
兼容多版本：
可指定版本运行，如npx node@14 myscript.js，避免全局版本冲突。
使用建议
- 用
npm：
管理项目依赖、定义脚本、发布包。 - 用
npx：
运行脚手架工具（如create-react-app）、临时工具（如http-server）或本地已安装的命令。
示例场景
# 使用 npm 安装依赖
npm install axios
# 使用 npx 运行一次性工具
npx json-server db.json # 临时启动一个 REST API 服务器
# 使用 npm 运行脚本（需在 package.json 中定义 "scripts"）
npm run build
# 使用 npx 调用本地已安装的包
npx webpack --config webpack.config.js
通过合理使用 npm 和 npx，可以更高效地管理依赖和执行命令。
