【前端工程化】使用npx代替npm命令

最新推荐文章于 2024-05-13 09:57:30 发布
最新推荐文章于 2024-05-13 09:57:30 发布
阅读量383 收藏
点赞数
分类专栏： 前端工程化 文章标签： 前端 npm javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17335549/article/details/127274009
版权

预警，新手内容，菜鸟必看，大佬请绕道

npx 是node自带的功能和npm一样，首先，可以看一下我的这篇文章了解一下package.json包管理文件中，script的配置方法和node_modules/.bin 二进制可执行文件。

npx执行的时候，依次按照以下路径查找对应的可执行文件

  1. node_modules/.bin
  2. 环境变量$PATH
  3. 下载对应包到临时目录，用完之后删除
  4. 更多内容参考

执行一个已安装的包xx，可以有以下两个方法：

  1. 配置在script脚本中，再执行命令 npm run xxx
  2. 直接执行命令 node_modules/.bin/xx
  3. npm i xx -g 全局安装这个包
  4. 使用npx xx

这样看来npx有很多好处，不用在script里面配置脚本，也不用全局安装，所以可以优先使用

我有一棵树
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端开源库-jformatter
08-30
3. **运行**：通过命令行工具，如Node.js的`npx`或全局安装后的命令，运行`jformatter`对指定的JavaScript文件或整个目录进行格式化。 4. **IDE集成**：如果你的开发环境支持自定义格式化器，如VSCode的`prettier`...
前端开源库-gulp-sketch
08-29
**gulp-sketch：前端开发中的设计稿自动化工具** 在现代前端开发中，设计稿的转换和处理是一个重要的环节。`gulp-sketch` 是一个专为前端开发者设计的开源库，它是一个基于 Gulp 的 SketchTool 插件。Gulp 是一个...
npx命令介绍
weixin_33806300的博客
01-24 539
什么是npx 第一次看到npx命令是在 babel 的文档里 Note: If you do not have a package.json, create one before installing. This will ensure proper interaction with the npx command. 在自己的机器上试...
【前端】npx命令
LeonNo11的博客
04-16 621
的主要优点之一是它可以帮助你在不全局安装包的情况下运行包中的命令。当你需要运行某个不常用的工具或者只需要使用一次性的命令时，是一个用于执行本地或远程 npm 包中可执行文件的强大工具，使得在不全局安装包的情况下运行命令变得更加方便。是 Node.js 中的一个命令行工具，它用于执行 npm 包中提供的可执行文件。，但是它可以直接运行安装在项目本地依赖中的可执行文件，而不需要显式地在。的可执行文件用于创建 React 应用程序。的 npm 包，它提供了一个名为。的新的 React 应用程序。
node npm版本切换两种方法
weixin_45422787的博客
06-08 4850
方法一：npx 方法二：nvm 链接
如何理解npx命令
凡友福老师的博客
08-06 585
npx是一个工具，npm v5.2.0引入的一条命令（npx），一个npm包执行器 npm的m是Management，npx的x可以理解为eXecute。 调用项目内部安装的模块 我们知道，如果一个包配置了bin之后，当它被安装的时候，在项目的node_modues/.bin 下就会有一个指令，方便执行。以 mocha 为例。 node node_modules/.bin/mocha **/*.test.js 一劳永逸党，把 mocha 指令写入到 npm scripts 后，会自动寻址 node_modu
npm、npx之间的区别
monkey's的博客
05-12 317
npm NPM是随同NodeJS一起安装的包管理工具 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 # 淘宝 NPM 镜像是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。,命令如下： npm install -g cnpm --registry=https://registry.n
Webpack 从零入门到工程化实战.rar
12-29
Webpack 是一个现代JavaScript应用程序的静态模块打包工具。它在开发过程中扮演着重要角色，将各种资源如JavaScript、CSS、...在实际工作中，Webpack 结合其他工具如Babel、ESLint等，可以打造出完善的前端工程化体系。
前端开源库-tslint-ionic-rules
08-30
**前端开源库-TSLint-Ionic-Rules详解** 在前端开发中，代码质量和一致性是至关重要的，这不仅可以提高代码的可读性和维护性，还能减少bug的产生。TSLint是一个强大的TypeScript静态代码分析工具，它允许开发者...
mara:新浪移动前端工作流和规范工具
05-01
Marauder 下一代工程化体系。 Quick Overview npx @mara/create my-app cd my-app yarn dev 安装 依赖 node 10+, TypeScript 2.7+ 推荐使用 @mara/create 一键生成项目： npx npx @mara/create my-app npm npm init ...
一款高效替代npm run与npx的利器：dum
最新发布
gitblog_00059的博客
05-13 369
一款高效替代npm run与npx的利器：dum 项目地址:https://gitcode.com/egoist/dum 在快速发展的前端领域中，我们经常需要运行npm脚本或者调用npx来执行命令。然而，传统的方法可能伴随着一些延迟问题，这在开发过程中可能会浪费宝贵的时间。现在，有一个名为dum的开源项目，它以Rust语言编写，旨在提供更快捷、更高效的脚本执行体验。 项目介绍 dum 是一个精简而...
NPX和NPM解惑
duansamve的博客
09-25 302
npm（Node package manager）相当于360安全卫士里的软件管家。 对于node而言，npm帮助其完成了第三方模块的发布、安装和依赖等。借助npm，node与第三方模块之间形成了很好的一个生态系统。 npm -v：查看npm版本； npm version： 查看所有模块的版本； npm search 包名：搜索包； npm install/i 包名 ：安装包； npm remove/r 包名：删除包； npm remove/r 包名 --save：将包名在依赖中删除（node
npx 使用教程
不怕麻烦的鹿丸的博客
03-31 5093
npm从 v5.2.0开始新增了 npx命令，>=该版本会自动安装npx，是一个npm包执行器，，npm 使得它非常容易地安装和管理托管在注册表上的依赖项，npx 使得使用 CLI 工具和其他托管在注册表，加强了用户的体验。Node安装后自带npm模块，可以直接使用npx命令。如果不能使用，就要手动安装一下。
【前端】彻底搞懂 npm、npx、yarn
老梁的专栏
11-05 5533
彻底搞清楚 npm、npx、yarn 的区别，只要记住下面两条： npm 只负责安装 package，不负责执行，yarn 也是，但是比 npm 好用。 npx 不负责安装，只负责执行 package。 首先举个例子。 npm 安装某个 package 的命令如下： npm install some-package ​install​ 后面如果没有跟 -g 的话只能将依赖包安装在当前目录下，如同上面这条命令。 也就是说 some-package 的路径无法在环境变量 $PATH 中体现，.
npx是什么
qq_41040196的博客
11-18 5134
npx
npx 和 npm的区别
weixin_44216637的博客
04-14 1575
npx 和 npm的区别
前端命令npm 、 cnpm、 pnpm、yarn 、 npx、nvm的区别
dreamingbaobei的博客
08-23 807
大名鼎鼎的npm(Node Package Manager)是随同NodeJS一起安装的包管理工具，NPM本身也是Node.js的一个模块。yarn 、 cnpm 、 npx 、 pnpm都是基于npm的包管理器，是基于npm包管理器的一些变种。解决了早期npm的一些缺点，例如下载速度慢，不能离线下载等。nvm是Node.js版本管理器。
npx和npm之间的关系
weixin_43758377的博客
11-18 6025
很早之前浏览技术文章碰到用npx执行的命令，现在就把npm和npx之间的关系整理一下，方便自己和大家查阅： 概念 npx是一个工具，它是npm v5.2.0引入的一条命令（npx），是npm的一个包执行器，只要为了提高从npm注册表使用软件包的体验 。 npm使得它非常容易地安装和管理托管在注册表上的依赖项， npx使得使用CLI工具和其他托管在注册表。 就像npm极大地提升了我们安装和管理包依赖的体验，在npm的基础之上，npx让npm包中的命令行工具和其他可执行文件在使用上变得更加简单。它极大地简化了我
npm scripts设置环境变量方法
liushijun_的博客
11-06 1686
windows set NODE_ENV=production "scripts": { "release": "set NODE_ENV=production && gulp rtm", "dev": "set NODE_ENV=development && gulp watch", } linux & mac export NODE_ENV=production "scripts": { "release": "NODE_ENV=pr
npx 和npm的区别在哪
06-07
`npx` 和 `npm` 都是 Node.js 中的包管理工具。 `npm` 是 Node.js 自带的包管理工具，用于安装和管理 Node.js 模块，以及管理 Node.js 项目的依赖项。通过 `npm` 可以安装、卸载、更新和发布包。 而 `npx` 是 npm 5.2.0 版本中引入的一个命令，用于执行本地安装的 Node.js 模块。相比于先全局安装再执行的方式，使用 `npx` 可以省去全局安装的步骤，直接在命令行中执行指定模块，并且可以避免版本冲突的问题。 另外，`npx` 还可以在执行时临时安装依赖项，即使这些依赖项并没有被安装在当前项目中。这一特性可以用于在运行时候使用一些不常用的工具或脚本，而无需全局或项目本地安装这些工具或脚本。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值