构建项目
当我们进入React框架的学习时。
首先了解React它是由facebook开发的，基于javascript的前端框架，主要目的是用来构建用户界面，也就是我们经常所说的UI。那么，在正式开始学习React之前，我们首先需要构建一个基于React应用的项目。React团队为了方便我们进行项目开发，专门提供了一个用来构建React项目的脚手架工具，这个工具的使用很简单，无需我们进行多余的配置，只需要我们通过命令的方式来创建项目即可，具体的操作方法如下：
首先我们打开github，在github中搜索create-react-app。
找到这个工具之后，这里提供了这个工具的使用方法。我们只需要这样三步就可以创建一个项目了。
下面，我们就使用这几个命令来创建咱们自己的React项目。找到我们需要创建项目的目录，按住shift，右键打开命令行工具，待会儿我的项目就会创建到这一个目录下面。然后使用npxcreate-react-appmy-app这个命令来创建一个名为my-app的项目。回车之后，就可以等待它的安装了。
当我们看到这样的提示信息之后，就意味着项目的安装已经完成了。
接下来，我们就可以进入到项目的根目录，再使用yarnstart来启动项目。当我们看到在浏览器中打开了一个欢迎页面的时候，就说明项目已经成功启动了，这时，我们就可以开始使用react来进行开发了。
项目结构
首先我们来看一下生成的这个项目的项目结构，我们使用VSCODE打开项目，可以看到这样的项目初始结构：
这里我简单介绍一下这一个项目结构：
node-modules目录保存的是整个项目的依赖包
public目录下生成了一些静态模板，打开之后可以看到index.html文件就在这个目录下。
src目录主要用来保存js文件，其中index.js文件是整个应用的入口文件，也就是说，当我们访问应用的首页index的时候，第一个加载的js文件就是index.js。
做完以上的准备工作之后，我们就可以进入到React框架的学习了。
以上就是今天的分享啦~