npx和npm的区别?

我刚刚开始学习React, Facebook通过提供以下现成的项目来帮助简化初始设置。

如果我必须安装框架项目，我必须在命令行中键入npx create-react-app my-app。

我想知道为什么Facebook在Github有npx create-react-app my-app而不是npm create-react-app my-app?

当前回答

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

2018-12-17 05:46:33

其他回答

介绍npx:一个npm包运行器

NPM -管理包，但不容易执行任何包。NPX -用于执行Node包的工具。

NPX与NPM 5.2+版本捆绑在一起

NPM本身不能简单地运行任何包。事实上，它不运行任何包。如果你想使用NPM运行一个包，你必须在你的包中指定这个包。json文件。

当可执行文件通过NPM包安装时，NPM会链接到它们:

本地安装在。/node_modules/.bin/目录下创建了“链接”。在Linux上的全局bin/目录(例如/usr/local/bin)或Windows上的%AppData%/npm中创建了“链接”。

你应该阅读的文档

NPM:

你可以在某个项目上本地安装一个包:

npm install some-package

现在假设你想让NodeJS从命令行执行这个包:

$ some-package

上述操作将失败。只有全局安装的包可以通过只输入它们的名称来执行。

要修复这个问题，并让它运行，你必须输入本地路径:

$ ./node_modules/.bin/some-package

从技术上讲，您可以通过编辑您的包来运行本地安装的包。Json文件，并将该包添加到脚本部分:

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

然后使用npm run-script(或npm run)运行脚本:

npm run some-package

NPX:

npx将检查<命令>是否存在于$PATH或本地项目二进制文件中，并执行它。因此，对于上面的例子，如果你想要执行本地安装的包some-package，你所需要做的就是输入:

npx some-package

npx的另一个主要优势是能够执行之前没有安装的包:

$ npx create-react-app my-app

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

用例的例子:

NPX命令在包的脚本部分可能会有帮助。json文件, 当不需要定义一个可能不常用或出于其他原因的依赖项时:

"scripts": {
    "start": "npx gulp@3.9.1",
    "serve": "npx http-server"
}

调用:npm运行服务

npx和npm的区别?

推荐文章

最新文章

标签