npx与npm的区别是什么？为何React初始化用npx而非npm？

嘿，刚入门React的话，这个问题真的超常见——我当初学的时候也纠结过这俩命令的区别，现在给你唠明白～

首先得先搞清楚npm和npx到底有啥不一样：

核心区别：npm是包管理器，npx是包执行工具 #

• npm：Node.js自带的包管理工具，主要职责是安装、更新、卸载项目依赖（不管是全局还是本地），也能管理项目的脚本命令。如果想用npm执行像create-react-app这类工具，你得先把它全局安装（npm install -g create-react-app），之后才能在命令行直接敲create-react-app my-app。但全局安装的问题在于，你很容易忘了更新，时间久了就会用旧版本的工具，踩一些版本兼容的坑。
• npx：是npm 5.2版本之后自带的工具，专门用来执行npm包中的命令，最大的优势是不用提前全局安装包。当你敲npx create-react-app my-app时，它会自动去npm仓库找最新版本的create-react-app，临时下载到本地缓存，执行完创建项目的命令后，就自动把临时文件删掉了——既不用占你全局空间，还能每次都用最新版的工具。

为啥Facebook推荐npx而不是npm create-react-app my-app？ #

首先得纠正一个小误区：npm create-react-app my-app其实是无效命令，正确的npm方式应该是npm init react-app my-app（npm 6+支持），本质上是通过npm init调用官方的项目初始化器。但Facebook还是更推荐npx，原因有这几点：

1. 避免版本过时问题：全局安装的create-react-app很容易被遗忘更新，旧版本可能不支持React的新特性，甚至会出现配置错误。npx每次都会拉取最新的稳定版本，从根源上减少这类问题。
2. 不污染全局环境：全局安装太多工具包不仅占空间，还可能和其他项目的版本冲突（比如你这个项目用旧版，另一个项目需要新版）。npx用完就删，完全不会有这个烦恼。
3. 命令更直观简洁：不用先全局安装，也不用记住npm init的格式，直接敲npx create-react-app my-app一步到位，对新手更友好。

简单总结：npx就是为了让你更方便地执行这类一次性工具命令而生的，而npm更侧重依赖的长期管理——所以用npx创建React项目确实是更省心的选择～

内容的提问来源于stack exchange，提问作者Paresh Maniyar