npm和npx的区别

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 服务器
  

  
  
  

关键区别

为什么需要 npx？

使用建议

• 
  
• 用 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，可以更高效地管理依赖和执行命令。