你可以分清楚npx和npm吗？

学习React时，都会普遍感到困惑，大家常常看见的是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.，即可轻松实现此目的

npx 会帮你执行依赖包里的二进制文件

npm i webpack -D      //非全局安装
//如果要执行 webpack 的命令
./node_modules/.bin/webpack -v

//有了 npx 之后
npm i webpack -D    //非全局安装
npx webpack -v 

npx 会自动查找当前依赖包中的可执行文件，如果找不到，就会去 PATH 里找。如果依然找不到，就会帮你安装。

npx 甚至支持运行远程仓库的可执行文件

npx github:piuccio/cowsay hello
再比如 npx http-server 可以一句话帮你开启一个静态服务器！（第一次运行会稍微慢一些，因为还要下载http-server仓库）
npx http-server