npx和npm傻傻分不清?一文为你解惑
ztj100 2024-11-17 18:13 74 浏览 0 评论
全文共1269字，预计学习时长4分钟
最近，小芯发现很多人开始学习React时，都会普遍感到困惑，大家常常看见的是npx 而非众所周知的npm。
一些人觉得它很奇怪，但没有多想，其他人则认为这是一个错字，甚至错误地要通过运行npm而非npx来“修复”。
当某件事不止一次发生时，就值得我们仔细揣摩，问题究竟出在哪里？
为此，小芯整理出来本文给所有怀有同样误解的小伙伴：
不是错字，是npx，不是npm！ :)
NPM
众所周知，npm是Node.js的软件包管理器，其目标是自动化的依赖性和软件包管理。
这意味着，可以在package.json文件中为项目指定所有依赖项（软件包），当需要为其安装依赖项时，只要运行npm install，这样就好啦！
它还提供了版本控制，即可以指定项目的依赖版本，这样可以在大多数情况下，防止更新破坏项目，或者使用首选版本。
NPX
另一方面，npx是执行Node软件包的工具，它从 npm5.2版本开始，就与npm捆绑在一起。
npx的作用如下：
1.默认情况下，首先检查路径中是否存在要执行的包（即在项目中）；2.如果存在，它将执行；3.若不存在，意味着尚未安装该软件包，npx将安装其最新版本，然后执行它；
上文已说明，此行为是npx的默认行为之一，但它具有可用来阻止的标志。
例如，如果运行npx some-package --no-install，意味着告诉npx ，它应该仅执行。
some-package，如果之前未安装，则不安装。
示例
假设有一个名为my-package的软件包，想要执行它。
好吧，若没有npx，要执行一个软件包，必须通过其本地路径运行来完成，如下所示：
./node_modules/bin/my-package
或在 package.json文件的 scripts section中将其定义为单独的脚本，如下所示：
{
"name":"something",
"version": "1.0.0",
"scripts": {
"my-package":"./node_modules/bin/my-package"
}
}
然后使用npm run my-package运行。
现在，运用npx，只需运行npx my-package.，即可轻松实现此目的。
现在，大家清楚了吗？
小芯希望本文能帮大家理清这种误解，继续在代码路上一路高歌~
留言点赞关注
我们一起分享AI学习与发展的干货
如转载，请后台留言，遵守转载规范
相关推荐
- Jquery 详细用法
-
1、jQuery介绍(1)jQuery是什么?是一个js框架，其主要思想是利用jQuery提供的选择器查找要操作的节点,然后将找到的节点封装成一个jQuery对象。封装成jQuery对象的目的有...
- 前端开发79条知识点汇总
-
1.css禁用鼠标事件2.get/post的理解和他们之间的区别http超文本传输协议（HTTP）的设计目的是保证客户机与服务器之间的通信。HTTP的工作方式是客户机与服务器之间的请求-应答协议。...
- js基础面试题92-130道题目
-
92.说说你对作用域链的理解参考答案：作用域链的作用是保证执行环境里有权访问的变量和函数是有序的，作用域链的变量只能向上访问，变量访问到window对象即被终止，作用域链向下访问变量是不被允许的。...
- Web前端必备基础知识点，百万网友:牛逼
-
1、Web中的常见攻击方式1.SQL注入------常见的安全性问题。解决方案：前端页面需要校验用户的输入数据（限制用户输入的类型、范围、格式、长度），不能只靠后端去校验用户数据。一来可以提高后端处理...
- 事件——《JS高级程序设计》
-
一、事件流1.事件流描述的是从页面中接收事件的顺序2.事件冒泡（eventbubble）：事件从开始时由最具体的元素（就是嵌套最深的那个节点）开始，逐级向上传播到较为不具体的节点（就是Docu...
- 前端开发中79条不可忽视的知识点汇总
-
过往一些不足的地方，通过博客，好好总结一下。1.css禁用鼠标事件...
- Chrome 开发工具之Network
-
经常会听到比如"为什么我的js代码没执行啊？","我明明发送了请求，为什么反应？","我这个网站怎么加载的这么慢？"这类的问题，那么问题既然存在，就需要去解决它，需要解决它，首先我们得找对导致问题的原...
- 轻量级 React.js 虚拟美化滚动条组件RScroll
-
前几天有给大家分享一个Vue自定义滚动条组件VScroll。今天再分享一个最新开发的ReactPC端模拟滚动条组件RScroll。...
- 一文解读JavaScript事件对象和表单对象
-
前言相信做网站对JavaScript再熟悉不过了，它是一门脚本语言，不同于Python的是，它是一门浏览器脚本语言，而Python则是服务器脚本语言，我们不光要会Python，还要会JavaScrip...
- Python函数参数黑科技:*args与**kwargs深度解析
-
90%的Python程序员不知道，可变参数设计竟能决定函数的灵活性和扩展性！掌握这些技巧，让你的函数适应任何场景！一、函数参数设计的三大进阶技巧...
- 深入理解Python3密码学:详解PyCrypto库加密、解密与数字签名
-
在现代计算领域，信息安全逐渐成为焦点话题。密码学，作为信息保护的关键技术之一，允许我们加密（保密）和解密（解密）数据。...
- 阿里Nacos惊爆安全漏洞，火速升级!(附修复建议)
-
前言好，我是threedr3am，我发现nacos最新版本1.4.1对于User-Agent绕过安全漏洞的serverIdentitykey-value修复机制，依然存在绕过问题，在nacos开启了...
- Python模块:zoneinfo时区支持详解
-
一、知识导图二、知识讲解（一）zoneinfo模块概述...
- Golang开发的一些注意事项(一)
-
1.channel关闭后读的问题当channel关闭之后再去读取它，虽然不会引发panic，但会直接得到零值，而且ok的值为false。packagemainimport"...
- Python鼠标与键盘自动化指南:从入门到进阶——键盘篇
-
`pynput`是一个用于控制和监控鼠标和键盘的Python库...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)
- vmware17pro最新密钥 (34)
- mysql单表最大数据量 (35)