npx的介绍

npx 是 npm5.2.0版本新增的一个工具包，定义为npm包的执行者，相比 npm，npx 会自动安装依赖包并执行某个命令。

主要功能有2个

1. 临时安装软件包执行后删除软件包

例如： create-react-app 脚手架创建一个 react 项目

使用npm

# 第一步
npm i -g create-react-app

# 第二步
create-react-app my-react-app
1
2
3
4
5

使用npx

# 使用npx
npx create-react-app my-react-app
1
2

• 1. npx 会在当前目录下的./node_modules/.bin里去查找是否有可执行的命令，
• 2. 没有找到的话再从全局里查找是否有安装对应的模块，
• 3. 全局也没有的话就会自动下载对应的模块，如上面的 create-react-app，npx 会将 create-react-app 下载到一个临时目录，用完即删，不会占用本地资源。

npm自带npx，可以直接使用，如果没有可以手动安装一下：npm i -g npx

其他

1. 调用项目安装的模块

一般来说，调用 mocha ，只能在项目脚本和 package.json 的scripts字段里面， 如果想在命令行下调用，必须像下面这样。

# 在项目根目录
$ node-modules/.bin/mocha --version
# npx让项目内部安装的模块用起来更方便
npx mocha --version
1
2
3
4

npx 的原理:npx运行的时候，会到node_modules/.bin路径和环境变量 $PATH里面，检查命令是否存在。由于npx会检查环境变量$PATH，所以系统命令也可以调用。

// 等同于 ls
npx ls
1
2

注：Bash 内置的命令不在$PATH里面，所以不能用。比如，cd是 Bash 命令，因此就不能用npx cd。

2. npx命令参数

2-1 –no-install 告诉npx不要自动下载，也就意味着如果本地没有该模块则无法执行后续的命令。

npx --no-install create-react-app my-react-app
// not found: create-react-app
1
2

2-2 –ignore-existing 告诉npx忽略本地已经存在的模块，每次都去执行下载操作，也就是每次都会下载安装临时模块并在用完后删除。

2-3 -p 用于指定npx所要安装的模块，它可以指定某一个版本进行安装

# 从 npm 下载这个版本的 node，使用后再删掉。
npx -p node@12.0.0 node index.js
# 先指定安装node@12.0.0
# 然后再执行node index.js命令。
1
2
3
4

# 同时安装多个模块：
npx -p lolcatjs -p cowsay
1
2

2-3 -c 告诉npx所有命令都用npx解释

# 无 -c 则会报错，因为第一项命令cowsay hello默认有npx解释，但第二项命令localcatjs会有shell解释，此时lolcatjs并没有全局安装，所有就报错了
npx -p lolcatjs -p cowsay -c 'cowsay hello | lolcatjs'
1
2

将环境变量带入所要执行的命令。举例来说，npm 提供当前项目的一些环境变量，可以用下面的命令查看。

npm run env | grep npm_
-c参数可以把这些 npm 的环境变量带入 npx 命令。

npx -c ‘echo “$npm_package_name”’