npx 介绍

What

npx是一种在npm中安装工具，也可以被单独的下载使用

在npm 5.2.0 的时候发现会买一送一，自动安装了npx。

pros

再也不需全局安装任何工具只需要npx <commang>

全局安装劣势：

• 占用本机空间

  npm会在machine上创建一个目录（mac是/usr/local/lib/node_modules）存放所有global安装的包, 其实node_module占用的空间比较大的

• 版本问题：

  假如一个项目中的某一个dependency是全局安装的，也就意味着不同的开发人员使用的这个dependency版本完全基于本地的版本，也就会导致不同的开发人员使用不同的版本

使用npx的优势也就凸显出来了：

• 当在执行npx <command>的时候，npx会做什么事情？
  • 帮你在本地（可以是项目中的也可以是本机的）寻找这个 command
    • 找到了： 就用本地的版本
    • 没找到： 直接下载最新版本，完成命令要求
  • 使用完之后不会在你的本机或者项目留下任何东西

因此优势总结：

• 不会污染本机
• 永远使用最新版本的dependency

任何command都通过npx在machine任何位置使用

• 举个例子，在某一个项目中使用npm install --save-dev @babel/core @babel/cli安装babel。此时：
  你在命令行中使用babel script.js一定会报错说babel不存在，即便你的node_module中babel静静的躺在那里，你只有两种方式可以使用babel：

• 你可以通过在package.json的script中使用babel去compile某一个directory（用npm run-script的形式）

• 你也可以通过使用./node_modules/.bin/babel script.js用babel去compile某一个script文件（使用babel包中的可执行文件）

• 那么他的局限性就很大：

虽然你的node_module中有babel，等价于你的machine上有babel，但是你不能方便的在任何位置使用babel，只能通过以上的两种方式。

• 但是有了npx在任何位置使用babel command似乎就不是难题了：

  当你任何位置（根目录下/项目根目录下）运行npx babel script.js不会再报错说babel不存在了：

  • npx会帮你找到本机下的babel然后运行

帮助执行one-off指令

对于一些工具，比如create-react-app，它们有些特性：

• 可能很久才会被使用一次
• 安装包会很大

我们似乎真的没必要将他们都安装到电脑上，所以可以直接使用npx tool-command

帮助切换版本

npx的-p选项允许您指定要安装的包，并将其添加到正在运行的$PATH中，那么实用的case是什么呢：

当你没有nvm的时候，帮你方便的切换node版本，假设你本机安装的node版本是node@8，但是你的项目可能需要使用使用node@6做测试，如果你有nvm，可以使用nvm use v8.11，其实npx也可以帮你做成。

使用npx -p node@6 npm run test：

• npx会帮助你下载node@6
• 将此时的环境变成node@6版本
• 使用node@6帮你执行npm run test
• 命令执行完毕之后不会修改你原来的node版本

指令可以理解为使用node@6版本运行npm run test

通过SHELL AUTO FALLBACK 将npx作为所有指令找不到时的fallback地址

在你的命令行配置文件中（~/.bashrc, ~/.zshrc, ~/.config/fish/config.fish）配置以下指令：

image.png

你会惊喜的发现：

当你随手在任何一个地方执行某一个command比如happy-birthday -u pei此时你可能根本没有这个happy-birthday:

• 配置了npx fallback
  
  image.png

• 没有配置npx fallback
  
  image.png

也就是配置了npx fallback，说当你的指令在本机上找不到的时候，npx就会帮助你运行这个command