React 脚手架创建项目

意义
现代的 Web 应用要考虑的问题很多，除了编写业务代码之外，还要考虑代码规范、预编译、压缩合并、打包上线等工作，需要有一套完整的解决方案来辅助我们快速开发，而 React 脚手架 就是这么一套完整的解决方案，它零配置，开箱即用，让我们从繁杂的 Webpack 配置当中解脱出来，更关注于业务本身。

使用

使用 create-react-app 这个命令行工具，它是 React 官方团队出的一个构建 React 应用的脚手架工具。

方法一

1. 全局安装npm i -g create-react-app或者yarn global add create-react-app。
2. 初始化项目create-react-app my-app，my-app 表示项目名称，可以修改。
3. 启动项目：yarn startor npm start。

🙁 缺点：全局安装命令无法保证命令一直是最新版本。

方法二（推荐）

1. 命令：npx create-react-app react-basic。
2. 启动项目：yarn start or npm start。
3. npx 是 npm@v5.2 版本新添加的命令，用来简化 npm 工具包的使用流程。

😄 优点：npx 会调用最新的 create-react-app 直接创建 React 项目。