有了这一特性，不再安装脚手架，可创建Vue或React项目

👨 作者简介：大家好，我是Taro，前端领域创作者
✒️ 个人主页：唐璜Taro
🚀 支持我：点赞👍+📝 评论 + ⭐️收藏

---

---

前言

NPX is an NPM package executor. Initially, NPX was launched in July 2017. NPX was just an NPM package that could be installed like other NPM packages. Currently, NPX is bundled with NPM when you install the NPM version 5.2.0 or higher.

---

一、npx是什么？

npx是 npm5.2 之后发布的一个命令，npx会以临时缓存来保存包二进制文件。当执行结束，npx将从系统中删除已安装的缓存二进制文件

• 检查npm版本
  

二、如何使用npx 进行创建项目

1. Vue

代码如下（示例）：

 npx @vue/cli create project-name

2. React

代码如下（示例）：

 npx create-react-app project-name

---

就是这么的方便，我们不必在浪费时间去全局安装 Vue或者 React 的CLi了，只需要一行命令。如此简便的背后，到底做了什么，让我们进行一探究竟

---

三、npx特性背后的原理

• 通过前面的介绍，我们也大致得出了一些信息：

npx会以临时缓存来保存包二进制文件。当执行结束，npx将从系统中删除已安装的缓存二进制文件

再让我们看一下上面的命令：

• npx @vue/cli create project-name
  
• npx create-react-app project-name

npx 后面的 @vue/cli 和 create-react-app ，正式各家的脚手架 npm 包名

---

正确的顺序应该是：

1. 先在当前依赖包中查找， 没有？
2. 系统变量路径中查找，还没有？
3. npm下载安装这个包，这回得有吧

---

当执行 npx ，如果 并不在系统变量中，npx 会自动在 npm 下载相关包，并执行。已安装的包只会出现在本地文件夹中，不会带来全局污染

---

总结

以上就是今天要讲的内容，本文仅仅简单介绍了npx 创建前端项目的方法，以及实现 npx 背后的原理。