npx 和 npm 区别

文章目录

背景

  • 解决 npm 之前的执行包中的命令行需要先下载的问题,如果有多个不同版本的包就需要下载多次
  • 比如已经装了全局的 webpack 1.x 版本并且还要继续使用,还需要装个 webpack 4.x 使用的其相应功能,这个时候可以不装在全局,用 npx webpack 代替 webpack 命令,互不干扰。

作用

  • 避免下载多个库造成的体积浪费、污染等问题
  • 可以指定运行多个版本互不干扰
  • 可以方便临时切换某个 node 版本执行
javascript 复制代码
npx node@14 -v
# v14.18.0

npx -p node@14 node -v 
# v14.18.0

执行流程

  • npx create-react-app my-app
    • npx 和 npm exec 类似,传递的参数格式有区别
  • $PATH 里有没有,如果没有,查找当前目录的 node_modules 里有没有,如果还是没有,就安装这个库来执行
  • npx 会在执行完命令后删除下载的包
相关推荐
雾恋3 小时前
最近一年的感悟
前端·javascript·程序员
A黄俊辉A4 小时前
axios+ts封装
开发语言·前端·javascript
小李小李不讲道理4 小时前
「Ant Design 组件库探索」四:Input组件
前端·javascript·react.js
连合机器人4 小时前
晨曦中的守望者:当科技为景区赋予温度
java·前端·科技
郑板桥305 小时前
tua-body-scroll-lock踩坑记录
前端·javascript
李游Leo5 小时前
Node.js 多版本管理与 nvm/nvs 使用全流程(含国内镜像加速与常见坑)
node.js
慢半拍iii6 小时前
JAVA Web —— A / 网页开发基础
前端
Q_Q19632884756 小时前
python+springboot+uniapp微信小程序题库系统 在线答题 题目分类 错题本管理 学习记录查询系统
spring boot·python·django·uni-app·node.js·php
gnip6 小时前
pnpm 的 monorepo架构多包管理
前端·javascript
新手村领路人7 小时前
Firefox自定义备忘
前端·firefox