安装node
React脚手架本身需要依赖node，所以我们需要安装node环境：
-
无论是windows还是Mac OS，都可以通过node官网直接下载；
-
注意：这里推荐大家下载LTS（Long-term support ）版本，是长期支持版本，会比较稳定； 下载后，双击安装即可：
-
1.安装过程中，会自动配置环境变量；
-
2.安装时，会同时帮助我们安装npm管理工具； node -v 查看node的版本
包管理工具
什么是npm？
- 全称 Node Package Manager，即“node包管理器”；
- 作用肯定是帮助我们管理一下依赖的工具包（比如react、react-dom、axios、babel、webpack等等）；
- 作者开发的目的就是为了解决“模块管理很糟糕”的问题；
另外，还有一个大名鼎鼎的node包管理工具yarn：
- Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具；
- Yarn 是为了弥补 npm 的一些缺陷而出现的；
- 早期的npm存在很多的缺陷，比如安装依赖速度很慢、版本依赖混乱等等一系列的问题；
- 虽然从npm5版本开始，进行了很多的升级和改进，但是依然很多人喜欢使用yarn；
- React脚手架默认也是使用yarn 安装yarn：npm install -g yarn yarn和npm的命令对比
| Npm | Yarn |
|---|---|
| npm install | yarn install |
| npm install [package] | yarn add [package] |
| npm install --save [package] | yarn add [package] |
| npm install --save-dev [package] | yarn add [package] [--dev/-D] |
| npm rebuild | yarn install --force |
| npm uninstall [package] | yarn remove [package] |
| npm uninstall --save [package] | yarn remove [package] |
| npm uninstall --save-dev [package] | yarn remove [package] |
| npm uninstall --save-optional [package] | yarn remove [package] |
| npm cache clean | yarn cache clean |
| rm -rf node_modules && npm install | yarn upgrade |
cnpm的使用
在国内，某些情况使用npm和yarn可能无法正常安装一个库，这个时候我们可以选择使用cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装脚手架
最后一个需要安装的是创建React项目的脚手架：
npm install -g create-react-app
