当前位置: 首页 > news >正文

前置(3):npm 和npx异同点

npm(Node Package Manager)和npx(Node Package Execute)是两个密切相关但用途不同的命令行工具,它们都是Node.js生态系统中的重要组成部分。

npm

  • 用途npm是Node.js的包管理器,主要用于安装、更新和管理项目中的依赖包以及其他包。
  • 功能
    • 安装和卸载包。
    • 管理项目的依赖关系。
    • 发布和控制Node.js包。
    • 执行脚本和其他命令。
  • 常用命令npm installnpm updatenpm uninstallnpm run等。

npx

  • 用途npx是一个命令行工具,它可以执行在npm注册表中的包,无需用户显式下载或安装。
  • 功能
    • 运行在npm注册表中的任何包而不需要全局安装。
    • 执行一次性命令或脚本。
    • 可以运行项目内部安装的命令而不需要通过脚本或者全局安装。
  • 常用场景:例如,你可以直接通过npx运行create-react-app来初始化一个新的React项目,而不需要首先全局安装create-react-app

核心区别

  1. 安装需求

    • npm:通常用于长期需要在项目中或全局环境中安装的依赖。
    • npx:用于执行一次性使用的包,无需事先安装。
  2. 便捷性

    • npm:需要先安装包才能使用,适用于经常需要重复使用的工具。
    • npx:允许用户非常便捷地运行包,特别是工具或脚本,无需事先安装。
  3. 使用场景

    • npm:管理项目依赖,例如在你的Node.js项目中安装Express框架。
    • npx:一次性运行脚本或工具,例如快速试用某个CLI工具或库。

结论

简而言之,npm更侧重于包的管理,而npx则侧重于包的执行。使用npx可以避免全局安装很多不经常使用的Node.js工具,从而保持系统的整洁,并且方便快速地尝试新工具或库。

npm注册表(npm registry)在哪里啊

npm注册表(npm registry)是一个在线数据库,用于存储由开发者发布的npm软件包。它是npm生态系统的核心部分,为开发者提供了一个中心化的地方来发布和共享JavaScript代码。

默认的npm注册表

默认情况下,npm的命令行工具配置为使用npm官方注册表,其URL是:

https://registry.npmjs.org/

访问和使用注册表

当你使用npm install命令安装包时,你的npm客户端会自动连接到这个注册表,下载所需的包和它们的依赖项。同样,当你使用npm publish命令发布一个包时,你的包会被上传到这个注册表,从而使得全世界的其他开发者也能通过npm安装你的包。

修改默认注册表

你可以配置npm使用其他的注册表(比如私有注册表或镜像),这通常是通过修改配置文件或直接在命令行中指定注册表URL来实现的。例如,要改变全局的npm注册表地址,可以使用以下命令:

npm config set registry https://registry.npmmirror.com/

这个命令将npm的注册表地址改为一个镜像地址,这在某些地区可能会提供更快的访问速度。

使用第三方注册表

除了npm官方注册表外,还有一些第三方服务提供了自己的npm注册表,例如:

  • Yarn 也使用相同的npm注册表,但它允许配置不同的注册表。
  • CNPM 针对中国大陆地区用户提供了一个镜像注册表,以解决访问官方注册表速度慢的问题。

这些注册表提供了与npm相同的基本功能,但可能会在性能、可用性和特定功能上有所不同。

npm注册表中的包,无需用户显式下载或安装。这个注册表啥意思啊,无需用户显示下载和安装是啥意思啊?

在Node.js的生态系统中,npm注册表(npm registry)是一个大型的数据库,用于存储公开发布的Node.js包(libraries)。这些包可以通过npm或npx命令行工具进行访问和管理。注册表允许开发者发布自己的包并且使得其他人能够下载和使用这些包。

无需用户显式下载或安装的含义

当我们说使用npx可以执行npm注册表中的包而“无需用户显式下载或安装”时,意味着:

  1. 临时安装

    • 使用npx执行一个包时,如果你的本地开发环境中没有安装这个包,npx会临时下载并安装这个包到一个临时目录。这个过程对用户来说是透明的,即用户不需要手动去执行npm install命令来先安装这个包。
  2. 一次性使用

    • 安装完毕后,npx会立即执行这个包的命令,执行完成后通常会自动清理掉这个临时安装的包,不会留在你的系统中。这样做的好处是你可以非常方便地运行任何npm包中的命令,而无需担心因为全局安装了许多不常用的包而导致的版本冲突或其他问题。

示例

例如,如果你想使用create-react-app这个工具来创建一个新的React应用,你不需要首先运行npm install -g create-react-app来全局安装它。相反,你可以直接运行:

npx create-react-app my-app

这条命令会让npx查找create-react-app是否存在于你的本地机器上,如果不存在,它会从npm注册表中下载最新版,创建你的应用,然后清理掉临时安装的create-react-app

这种方式尤其适合在你需要尝试或一次性运行某个包时使用,避免了对全局环境的污染。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Layout 布局组件快速搭建
  • package-lock.json 要提交到git吗?
  • string详解(1)
  • 8.7笔记
  • TTL缓存用户数据
  • 基于paddlehub 未戴口罩检测算法
  • Python绘图入门:使用 Matplotlib 绘制折线图
  • MySQL 的 InnoDB 缓冲池里有什么?--InnoDB存储梳理(二)
  • 2024 年最佳 7 款 Java 分析器工具
  • Linux驱动入门实验班——基础驱动模板(附百问网视频链接)
  • MongoDB | MongoDB 终端查询
  • 详细分析Python链接Oracle的多种方式(附Demo)
  • “从头开始训练模型,几乎没有意义”
  • 【亲测有效!】ubuntu20.04和Centos7离线安装docker及nvidia-container-toolkit
  • 从零搭建React全家桶框架教程:快速搭建react+react-router+redux项目
  • 「前端早读君006」移动开发必备:那些玩转H5的小技巧
  • Android单元测试 - 几个重要问题
  • JAVA 学习IO流
  • Java比较器对数组,集合排序
  • java中的hashCode
  • overflow: hidden IE7无效
  • Python socket服务器端、客户端传送信息
  • SegmentFault 社区上线小程序开发频道,助力小程序开发者生态
  • WordPress 获取当前文章下的所有附件/获取指定ID文章的附件(图片、文件、视频)...
  • 读懂package.json -- 依赖管理
  • 技术发展面试
  • 开年巨制!千人千面回放技术让你“看到”Flutter用户侧问题
  • 漫谈开发设计中的一些“原则”及“设计哲学”
  • 设计模式 开闭原则
  • 如何在招聘中考核.NET架构师
  • ​你们这样子,耽误我的工作进度怎么办?
  • $().each和$.each的区别
  • $(this) 和 this 关键字在 jQuery 中有何不同?
  • (c语言)strcpy函数用法
  • (LNMP) How To Install Linux, nginx, MySQL, PHP
  • (Matalb回归预测)PSO-BP粒子群算法优化BP神经网络的多维回归预测
  • (Redis使用系列) Springboot 使用redis实现接口幂等性拦截 十一
  • (二)什么是Vite——Vite 和 Webpack 区别(冷启动)
  • (附源码)ssm基于web技术的医务志愿者管理系统 毕业设计 100910
  • (十三)Flink SQL
  • (四)docker:为mysql和java jar运行环境创建同一网络,容器互联
  • (循环依赖问题)学习spring的第九天
  • .htaccess配置常用技巧
  • .NET Core使用NPOI导出复杂,美观的Excel详解
  • .net framework4与其client profile版本的区别
  • .net framwork4.6操作MySQL报错Character set ‘utf8mb3‘ is not supported 解决方法
  • .net Stream篇(六)
  • .net企业级架构实战之7——Spring.net整合Asp.net mvc
  • .NET应用UI框架DevExpress XAF v24.1 - 可用性进一步增强
  • /usr/bin/perl:bad interpreter:No such file or directory 的解决办法
  • [3D游戏开发实践] Cocos Cyberpunk 源码解读-高中低端机性能适配策略
  • [5] CUDA线程调用与存储器架构
  • [AI Embedchain] 开始使用 - 全栈
  • [Algorithm][综合训练][拜访][买卖股票的最好时机(四)]详细讲解
  • [Android 13]Input系列--获取触摸窗口