# 脚手架 由于 React 依赖于各种工具，构建工具 grunt、glup、模块打包工具 webpack、js代码转义babel ......，还没开始写一行代码，就已经被这些各种概念搞晕。因此我们不可能从头开始一句一句的开始编码。这就需要使用react的脚手架工具 `create-react-app`，它能帮助我们打架必要的目录结构以及安装必要的工具，站在巨人的肩膀上，将做的更多。 安装 create-react-app ``` npm i -g create-react-app ``` ### 使用 create-react-app 创建项目 创建app ``` create-react-app <app-name> ``` 进入刚才创建的项目目录，运行app ``` npm start ``` 默认情况下。占用端口号3000，在浏览器输入 http://localhost:3000/ 即可 :-:  ### 目录结构 创建好的项目目录结构长这样: :-:  在开发app的过程中，我们只需关心src目录下的文件即可。 其中 `src/index.js` 是app的入口文件。