最新文章:

您的位置: 富录-前端开发|web技术博客 > 系统环境 > npx是什么东东,跟npm有啥关系?

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

发布时间:2024年11月18日 评论数:抢沙发阅读数: 174

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

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

    npx 的主要功能

    1.临时执行 npm 包

    a.直接运行 npm 包,而无需全局安装。

    b.适合那些只需要临时使用的工具,避免全局环境污染。

    示例:运行 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 的区别

    功能
    npm npx
    安装
    安装包到全局或项目中
    临时或本地运行,无需全局安装
    运行脚本
    通常通过 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
二维码加载中...
本文作者:DGF      文章标题: npx是什么东东,跟npm有啥关系?
本文地址: https://arbays.com/post/247     本文已被百度收录!
版权声明:若无注明,本文皆为“富录-前端开发|web技术博客”原创,转载请保留文章出处。
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论