npx和npm之间的区别？

Question

我刚刚开始学习React，facebook通过提供以下现成的项目来帮助简化初始设置。链接到Github上的Facebook帐户 :

如果必须安装框架项目，则必须npx create-react-app my-app在命令行中键入。我想知道为什么Github中的facebook帐户npx create-react-app my-app没有npm create-react-app my-app？

Answer 1

npx简介：npm包运行器

NPM- 管理 软件包， 但 执行 任何任务都不容易。NPX- 执行 Node包的工具。

NPX随附NPM版本5.2+

NPM本身并不能简单地运行任何软件包。事实上，它不会运行任何程序包。如果要使用NPM运行软件包，则必须在package.json文件中指定该软件包。

通过NPM软件包安装可执行文件时，NPM链接到它们：

1. 本地 安装在./node_modules/.bin/目录中创建了“链接” 。
2. 全局 安装具有从Linux或Windows 上的全局bin/目录（例如/usr/local/bin）创建的“链接” %AppData%/npm。

NPM：

一个人可能会在某个项目的本地安装软件包：

npm install some-package

现在，假设您希望NodeJS从命令行执行该程序包：

$ some-package

以上将 失败 。只有 在全球安装 的软件包可以通过输入自己的名字被执行 只 。

要解决此问题并使其运行，必须输入本地路径：

$ ./node_modules/.bin/some-package

从技术上讲，您可以通过编辑packages.json文件并在以下scripts部分中添加该软件包来运行本地安装的软件包：

{
  "name": "whatever",
  "version": "1.0.0",
  "scripts": {
    "some-package": "some-package"
  }
}

然后使用npm run-script（或npm run）运行脚本：

npm run some-package

npx将检查，或本地项目二进制文件中是否<command>存在$PATH，并执行它。因此，对于上面的示例，如果您希望执行本地安装的软件包some-package，则只需输入：

npx some-package

另一个 主要 优点npx是能够执行以前未安装的软件包：

$ npx create-react-app my-app

上面的示例将在命令运行的路径内生成一个react应用样板，并确保您始终使用最新版本的生成器或构建工具，而不必每次使用时都进行升级。