React环境搭建及部署

创建项目

使用如下命令来创建项目：

mkdir react-demo-1
cd react-demo-1
npx create-react-app .

使用以下命令预览项目：

yarn start

上传至GitHub预览-使用gh-pages工具

首先在 GitHub 上新建一个仓库：tictactoe-react

将项目上传至 GitHub 上（此步骤省略）

build 打包一下：

yarn run build

安装 gh-pages：

npm install gh-pages --save-dev

在 package.json 文件中新增如下内容：

"homepage": "https://LqZww.github.io/tictactoe-react",

"scripts": {
   "predeploy": "yarn run build",
   "deploy": "gh-pages -d build"
}

最后再执行一下：

yarn run deploy

现在就可以访问 预览 了。

去 GitHub 上我们会发现新增加了一个分支 gh-pages，里面为 build 文件夹里的文件。