npm - JavaScript包管理器，就像:pip (Python)， Maven (Java)， NuGet (.NET)， Composer (PHP)， RubyGems (Ruby)，…

NPX—运行包的命令而不显式地安装它。

用例:

您不希望既全局安装包，也不希望在本地安装包。 您没有全局安装它的权限。 只是想测试一些命令。 有时，您希望在包中有一个脚本命令(生成、转换某些东西……)。Json来执行一些东西，而不需要将这些包作为项目的依赖项安装。

语法:

npx [options] [-p|--package <package>] <command> [command-arg]...

软件包可选:

npx   -p uglify-js         uglifyjs --output app.min.js app.js common.js
      +----------------+   +--------------------------------------------+
      package (optional)   command, followed by arguments

例如:

Start a HTTP Server      : npx http-server
Lint code                : npx eslint ./src
                         # Run uglifyjs command in the package uglify-js
Minify JS                : npx -p uglify-js uglifyjs -o app.min.js app.js common.js
Minify CSS               : npx clean-css-cli -o style.min.css css/bootstrap.css style.css
Minify HTML              : npx html-minifier index-2.html -o index.html --remove-comments --collapse-whitespace
Scan for open ports      : npx evilscan 192.168.1.10 --port=10-9999
Cast video to Chromecast : npx castnow http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerFun.mp4

更多关于命令的内容:

https://docs.npmjs.com/files/package.json#bin https://github.com/mishoo/UglifyJS2/blob/master/package.json#L17

NPM =>是一个JS包管理器。

NPX =>是一个执行Node包和执行npm包二进制文件的工具。

很容易记住:

-npm代表MANAGER

-npx代表EXECUTE

NPM是一个包管理器，你可以使用NPM安装node.js包

NPX是一个执行node.js包的工具。

无论您是在全局还是本地安装该包。NPX将临时安装并运行它。如果你配置了一个包，NPM也可以运行一个包。Json文件，并包括在脚本部分。

所以请记住，如果您想快速检查/运行一个节点包，而不需要在本地或全局安装，请使用NPX。

npM -经理

npX -执行-容易记住

另一方面，npx使用的包并不是全局安装的，所以你必须担心长期的污染。

实际上，我尝试了很多方法来解决这个问题，但都失败了，最终全局删除/删除yarn解决了这个问题

只需在命令行终端输入以下命令:

NPM卸载yarn

然后运行下面的命令来安装react starter项目

npx create-react-app

npx是一个npm包运行器(x可能代表eXecute)。使用npx的一种常见方法是下载并临时运行一个包或进行试用。

Create-react-app是一个NPM包，预计在项目的生命周期中只运行一次。因此，最好使用npx在一个步骤中安装和运行它。

正如主页https://www.npmjs.com/package/npx中提到的，默认情况下，npx可以在PATH或node_modules/.bin中运行命令。

注意: 通过深入研究，我们可以发现create-react-app指向一个在节点环境中执行的Javascript文件(在Linux系统中可能是/usr/lib/node_modules/create-react-app/index.js)。这只是一个执行一些检查的全局工具。实际的设置由react-scripts完成，其最新版本安装在项目中。更多信息请参考https://github.com/facebook/create-react-app。