Create React App快速创建React项目

create-react-app是来自于Facebook出品的零配置命令行工具，能够帮你自动创建基于Webpack+ES6的最简易的React项目模板，有助于初学者快速上手实践。

学习React需要付诸实际行动，之前自己搭建了一下，运行没问题，但结构相当乱。在搜索文档的时候发现了这样一个神器，快速搭建一个React项目，只需四五条命令，替我省去了很大一部分时间。

无需配置即可创建 React App

用户指南——如何使用 Create React App 脚手架开发 app。

npm install -g create-react-app

create-react-app my-app
cd my-app/
npm start

Node的版本不能低于 4.0。官方建议使用 Node6+ 和 npm3+。

安装create-react-app的方式也非常简单，可以直接使用npm命令进行全局安装。

npm install -g create-react-app

创建一个新app

create-react-app my-app
cd my-app/

它会在当前目录下创建一个叫做my-app的文件夹。

在这个文件夹中，它会生成初始项目结构和安装相应依赖，创建项目后生成的目录格式如下所示：

my-app/
README.md
index.html
favicon.ico
node_modules/
package.json
src/
App.css
App.js
index.css
index.js
logo.svg

无需配置或者复杂的目录结构，只有你构建 app 所需的文件。
一旦安装完毕后，你可以在项目文件夹下运行一些命令:

npm start

在开发模式下运行app。
在浏览器中打开http://localhost:3000查看视图。

对界面的编辑会实时刷新。
你可以在控制台下看到构建错误和语法警告。

npm run build

会以生产模式构建 app 到 build 文件夹内。
它在生产模式下正确打包 React，并优化构建以获得最佳性能。

特点

单依赖: 只有一个构建依赖。它使用了 Webpack，Babel，ESLint，和其他很棒的项目，但是把他们整合到一起提供给用户。

零配置:这里没有配置文件或者命令行选项。开发和生产构建配置都已经设置完毕，这样以来你可以专注于写代码。

无锁定: 您可以随时到自定义设置。运行一个简单的命令，所有配置和构建依赖会移动到你的项目内，因此你可以选择他们的位置。

为什么用它

如果你用 React 开始，使用 create-react-app 自动构建你的 app。无需配置文件，并且 react-scripts 是在 package.json 额外的构建依赖。你的环境会提供你需要构建现代化 React app 的任何东西:

React，JSX，和 ES6 支持。

ES6 之外的语言扩展，如对象扩展运算符。

一个开发服务器用来检查常见错误。

从 JavaScript 中 引入 CSS 和图片文件。

自动补全 CSS，因此你不需要 -webkit 或者其他前缀。

一个 build 构建脚本为生产模式从源码去打包 JS、CSS、和图片。

自定义配置

如果你对默认配置不满意，你可以从工具中退出，并像样板生成器一样使用它。

运行 npm run eject 复制所有依赖文件和相应依赖 (Webpack、Babel、ESLint 等等) 到你的项目，因此完全可控。

类似
3ff0
npm start 和 npm run build 的命令依旧会工作， 但他们会指向复制的脚本，你可以根据自己的需求调整。

注: 这是个单向操作。一旦 eject，你就回不去啦!

你可能不需要使用 eject。 这个功能集适合中小型部署，但是，如果你无法自定义该工具，最好不要用这个命令。

小结

不知道写个什么东西，官方文档太具体了，结果像是翻译了一遍。纯当留个记录。

之后想把后端也给写上，做一个完完整整的项目。