当我们建立一个React应用时，我们急切地想要部署它，并希望向世界展示我们惊人的应用。
这里，是在GitHub Pages上部署React应用的简单步骤。
前提条件
什么是GitHub页面？
GitHub 页面是由 GitHub 提供的一项服务，用于在 GitHub 上发布静态网站。你在GitHub仓库中添加Html、CSS和JavaScript文件，GitHub页面就会把它变成一个静态网站。
在GitHub页面上部署React应用程序的步骤
第1步：在GitHub账户上创建一个GitHub仓库
- 进入你的GitHub账户，点击右上角的 "+"图标，然后点击 "新建仓库"，创建一个新的仓库
- 现在在仓库名称栏里给你的项目起个名字，我给它起的名字是 "First-react-app"，你可以起任何名字。
- 然后点击创建版本库按钮，它将创建你的版本库。
- 仓库创建后，你可以在屏幕上看到这个页面
第二步。
创建完GitHub仓库后，进入终端，在终端中打开你的react项目目录。
cd react_app
这里的 react_app 是我创建 react 应用的文件夹名称。
第3步：添加GitHub页面依赖包
在你的终端运行以下命令：
通过npm安装GitHub Pages包作为开发依赖。
npm install gh-pages --save-dev
安装后，你可以在package.json文件中看到dev的依赖关系，如图所示：
第4步：在package.json文件中添加主页
现在，进入你的package.json文件，在你的react app文件夹中添加以下主页。
"homepage": "https://myusername.github.io/my-app",
**注意：**在 "myusername "的地方写上你的GitHub账户的用户名，在 "my-app "的地方写上你之前创建的仓库名称，然后保存package.json文件。
因为我的仓库名称是 "First-react-app"。
第5步：在package.json文件中添加部署脚本
现在，在package.json文件中向下滚动，在scripts部分放入以下脚本：
"predeploy": "npm run build",
"deploy": "gh-pages -d build",
然后保存该文件。
第6步：现在在你的终端运行以下命令
git init
git add -A
git commit -m "First commit"
(在第一次提交的地方，你可以写任何信息）。
git branch -M main
git remote add origin https://github.com/your_username/your_repository_name.git
(这里，在你的用户名的位置上写上你的GitHub账户的用户名，在你的仓库名称的位置上写上你的仓库名称）。
npm run deploy
第7步
进入你的GitHub仓库，刷新页面，直到你没有得到如图所示的勾号：
然后进入GitHub账户的设置，再进入左上角的页面：
恭喜你:)你可以看到你的react应用已经部署好了，你可以得到你的react应用的实时链接：
之后，点击访问网站按钮，可以看到你的网站:)。
