别再npm全局安装了，npx也许更适合你

npx 和 npm 都是 Node.js 生态中的核心工具，但它们的功能和用途有所不同。以下是它们的关系和区别：

---

1. 关系

• npx 是 npm 的配套工具，随 npm 5.2.0 及以上版本自动安装（如果你安装了 Node.js，通常会自带 npx）。
• npx 的设计目的是为了更便捷地执行 npm 包中的命令，尤其是临时安装或运行包时。

---

2. 区别

特性	npm	npx
主要用途	包的安装与管理（依赖管理）	包的执行（直接运行命令）
运行包的方式	需先全局/局部安装包，再通过 npm run 或全局命令执行	可直接运行包（自动处理安装与执行）
临时安装	不支持	支持（用完即删，适合一次性命令）
全局依赖	需要显式全局安装（npm install -g）	无需提前全局安装
典型场景	安装项目依赖、管理版本	快速测试工具、运行脚手架（如 create-react-app）

---

3. 关键功能对比

npm（Node Package Manager）

• 依赖管理：通过 npm install 安装包到 node_modules。
• 运行脚本：通过 package.json 中定义的 scripts 执行命令（例如 npm start）。
• 全局安装：需显式安装全局工具（如 npm install -g eslint）。

npx（Node Package Execute）

• 直接执行包：即使未安装，也能临时下载并运行（例如 npx create-react-app my-app）。
• 避免全局污染：适合运行一次性命令（如脚手架工具），无需长期占用全局空间。
• 使用本地依赖：优先运行项目 node_modules 中的命令（例如 npx eslint）。

---

4. 常见用例

npm 的典型场景

# 安装项目依赖
npm install lodash

# 运行 package.json 中的脚本
npm run dev

npx 的典型场景

# 临时运行脚手架（无需全局安装）
npx create-react-app my-app

# 执行本地工具（如项目的 eslint）
npx eslint src/

# 运行不同版本的包（临时测试）
npx node@14 -v

---

5. 为什么需要 npx？

• 解决全局安装的冗余：很多工具（如脚手架）只需偶尔使用，全局安装会导致版本冲突或空间浪费。
• 简化流程：无需先 npm install -g 再执行命令，一步到位。
• 兼容性：确保使用项目本地安装的包（避免全局与本地版本冲突）。

---

总结

• 用 npm：管理项目依赖（安装、卸载、版本控制）。
• 用 npx：快速执行包（尤其是临时或一次性命令）。
• npx 是 npm 的补充，两者协同工作，提升开发效率。