PhoneGap中文网

标题: 创建react项目的时候 npx 是什么？ [打印本页]
作者: tengfeng    时间: 2018-9-18 21:54
标题: 创建react项目的时候 npx 是什么？
npm v5.2.0引入的一条命令（npx），引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验。

举例：使用create-react-app创建一个react项目。

老方法：


  1. npm install -g create-react-app

  3. create-react-app my-app
复制代码


npx方式：


  2. npx create-react-app my-app

复制代码


这条命令会临时安装 create-react-app 包，命令完成后create-react-app 会删掉，不会出现在 global 中。下次再执行，还是会重新临时安装。

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

举例来说，之前我们可能会写这样的命令：

  1. npm i -D webpack

  3. ./node_modules/.bin/webpack -v
复制代码


如果你对 bash 比较熟，可能会写成这样：

  1. npm i -D webpack

  3. `npm bin`/webpack -v
复制代码

有了 npx，你只需要这样：

  2. npm i -D webpack

  4. npx webpack -v
复制代码

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

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

  1. npx github:piuccio/cowsay hello
复制代码


再比如 npx http-server 可以一句话帮你开启一个静态服务器！（第一次运行会稍微慢一些）

  1. npx http-server
复制代码


指定node版本来运行npm scripts：

  2. npx -p node@8 npm run build
复制代码


主要特点：

1、临时安装可执行依赖包，不用全局安装，不用担心长期的污染。
2、可以执行依赖包中的命令，安装完成自动运行。
3、自动加载node_modules中依赖包，不用指定$PATH。
4、可以指定node版本、命令的版本，解决了不同项目使用不同版本的命令的问题。






作者: 你懂的    时间: 2018-9-19 21:36
这是最新版本的nodejs的新特性吧



欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2