React入门（一）react脚手架使用

---

一、create-react-app

FaceBook官方发布了一个无需配置，用于快速构建开发环境的脚手架具
地址：https://github.com/facebook/create-react-app

1. 首先基于npm在全局安装create-react-app

npm install -g create-react-app

1. 在指定目录中创建一个react项目工程

create-react-app my-app

2. 进入到指定的项目文件，启动项目

cd my-app
npm run start 或者 $ yarn start(前提是在全局安装了yarn)

3. 脚手架为了"优雅",隐藏了所有的webpack相关配置文件，如果我们想要基于原来的基础再次增加一些自己的东西，首先就要找到这些隐藏文件并且进行修改。
   基于create-react-app创建完成项目后，会提供一个eject命令($ yarn eject)，基于这个命令，可以把隐藏的webpack文件展示出来，方便我们二次进行配置。

$yarn eject或者npm run eject 此命令执行完成不可逆转(慎重使用)

4. 项目结构如下图