1.安装脚手架

npm install create-react-app -g

2.创建项目

npx create-react-app 项目名

3.项目启动

根据提示信息，我们在命令行中执行下面的命令，即可启动运行项目代码：

cd my-app
npm start

运行成功后后，我们能够看到项目给出的相关提示信息，如下：

在浏览器中输入启动的服务地址，可看到如下效果

4.项目文件介绍

• index.html 文件 : 这是项目的入口文件，所有的代码运行，都是从这个文件开始的，React 框架代码，也是从这个文件中载入的；
• index.js 文件：这是框架的入口文件，React 是组件形式的，所有组件，都会通过 index.js 文件载入；
• App.js 文件：这是 React 框架给我们的组件示例代码，一般也作为加载其他组件的主入口文件；

这三者的关系是这样的：index.html 作为项目入口文件，加载 index.js ；index.js 文件作为框架的入口文件，加载 App.js ；App.js 作为组件的主入口文件，加载其他组件。