layout: post title: React subtitle: npm与npx date: 2021-4-19 author: Lan header-img: img/blog-bak.jpg catalog: true tags: - npm - npx —
http://www.ruanyifeng.com/blog/2019/02/npx.html
npm5.2版本后引入npx命令，是npm的包执行器。
主要有几个区别：
临时安装，用完就删
- 利用npm创建脚手架 ``` //创建脚手架 npm -g create-react-app
create-react-app my-app
2. 利用npx创建
npx create-react-app my-app
注：下面是零时安装create-react-app包，初始化脚手架项目后会删除；上面是全局安装create-react-app包，之后只要调用create-react-app就可以创建脚手架
## 利用不同版本的node环境允许scripts
npx -p node@8 npm run build
## 执行文件，比如执行远程仓库的文件
npx github:piuccio/cowsay hello
## 在本地目录启动一个web服务
npx http-server
## 执行包里的命令，更简单
//安装JavaScript测试工具mocha npm install -D mocha
//通过目录执行包里的命令 node-modules/.bin/mocha –version
//利用npx执行包里的命令 npx mocha –version ```
原理:
很简单，就是运行的时候，会到node_modules/.bin路径和环境变量$PATH里面，检查命令是否存在。
由于 npx 会检查环境变量$PATH，所以系统命令也可以调用。
