Create React App是创建单页面React应用的官方支持方式。提供了无需配置的现代化构建设置。
快速开始
npx create-react-app 项目名
cd 项目名
npm start
如果您以前是create-react-app通过进行全局安装的npm install -g create-react-app，建议您使用卸载软件包，npm uninstall -g create-react-app以确保npx始终使用最新版本。 npx自带npm5.2+及以上
然后打开http：// localhost：3000 /以查看您的应用程序。
要部署到生产环境，使用npm run build.
创建一个应用
需要在本地安装node>=8.10
创建新应用，可以选择以下方法之一：
- npx
npx create-react-app 项目名
- npm
npm init react-app 项目名
- Yarn
yarn craete react-app 项目名
选择一个模板
可以在创建应用时，添加--template[模板名]
如果您不选择模板，我们将使用基本模板创建您的项目。
npx create-react-app 项目名 --template[模板名]
模板总是以格式命名cra-template-[template-name]，但是您只需[template-name]要向创建命令提供即可。
创建一个TypeScript应用
可以使用模板启动新的TypeScript应用。
npx create-react-app --template typescript
选择一个包管理器
创建新应用程序时，cli将使用Yarn安装依赖项（如果可用），想使用npm，可以追加--use-npm 到创建应用的命令。
npx create-react-app 项目名 --use-npm
输出
运行创建应用的命令后，生成初始项目结构并安装依赖项。
脚本
- npm start/yarn start
运行npm start or yarn start启动项目。
默认端口为3000，可以打开地址http://localhost:3000查看。
更改代码，页面将自动重新加载。可以在控制台看到错误和警告。
- npm test/yarn test
以交互方式运行测试观察程序。默认情况下，运行于自上次提交以来更改的文件相关的测试。
- npm run build /yarn build
生成用于生产的应用程序到build文件夹。它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。
build文件夹被最小化，并且文件名包含哈希。
此时的应用已准备好，可以进行部署了。
- npm run eject
注意，这是单项操作，一旦eject，将无法返回！ 如果对构建工具和配置选择不满意，则可以eject，此命令将从您的项目中删除单个生成依赖项。
它将所有配置文件和依赖项（webpack、babel、ESLint等）做为依赖项复制到项目的package.json中
