侧边栏壁纸
  • 累计撰写 225 篇文章
  • 累计创建 275 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

npx是什么东东,跟npm有啥关系?

DGF
DGF
2024-11-18 / 0 评论 / 0 点赞 / 35 阅读 / 0 字

npx 是 Node.js 附带的一种工具,用于快速运行 npm 包的可执行文件,而无需全局安装这些包。

它随着 npm 版本 5.2.0 及更高版本一起发布,默认内置于 Node.js 环境中。如果你安装了较新的 Node.js,就已经自带了 npx。

npx 的主要功能

1. 临时执行 npm 包

  • 直接运行 npm 包,而无需全局安装。
  • 适合那些只需要临时使用的工具,避免全局环境污染。

示例: 运行 http-server,但不安装它:

npx http-server ./dist  

2. 运行本地依赖的可执行文件

在项目中安装了某些工具作为开发依赖,可以通过 npx 直接调用,而无需配置 scripts 或使用全局路径。

示例: 项目中有 eslint,运行它:

npx eslint .  

3. 自动安装和运行

如果某个包没有本地或全局安装,npx 会提示是否临时安装并运行它。

示例: 运行一个尚未安装的 CLI 工具:

npx cowsay "Hello, npx!"  

4. 避免版本冲突

如果你需要运行某个特定版本的工具,npx 允许指定版本,而不影响其他项目。

npx create-react-app@5.0.1 my-app  

npx 与 npm 的区别

功能npmnpx
安装安装包到全局或项目中临时或本地运行,无需全局安装
运行脚本通常通过 package.json 的 scripts 配置直接运行可执行文件,方便快捷
全局污染全局安装的包会一直存在运行后清理,不影响全局环境
适用场景长期使用的包或工具临时或测试性使用的包

实际场景中的优势

1. 临时使用 CLI 工具

如果你只需要测试某个工具的功能,不需要全局安装:

npx webpack --version  

2. 简化项目工具管理

当团队使用不同版本的工具时,npx 可以避免冲突。

3. 初始项目的脚手架工具

创建新项目时,使用 npx 是标准方法,例如:

npx create-react-app my-app  
npx vue-cli create my-vue-app  

4. 快速执行无依赖的代码

通过 npx 执行 JavaScript 文件:

npx node my-script.js  
0

评论区