🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 脚手架 由于 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/ 即可 :-: ![](http://xiaoyulive.oss-cn-beijing.aliyuncs.com/imgs/react/001.png) ### 目录结构 创建好的项目目录结构长这样: :-: ![](http://xiaoyulive.oss-cn-beijing.aliyuncs.com/imgs/react/002.png) 在开发app的过程中,我们只需关心src目录下的文件即可。 其中 `src/index.js` 是app的入口文件。