React环境搭建及部署

发布 : 2019-11-19 分类 : React 浏览 :

1、创建项目

进行如下命令:

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

执行预览命令:

1
yarn start

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

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

将项目上传至GitHub上(此步骤省略)

build一下:

1
yarn run build

安装gh-pages:

1
npm install gh-pages --save-dev

在package.json文件中新增如下:

1
2
3
4
5
6
"homepage": "https://LqZww.github.io/tictactoe-react",

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

最后再执行一下下:

1
yarn run deploy

现在就可以访问预览了:https://LqZww.github.io/tictactoe-react

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

本文作者 : LqZww
原文链接 : http://yoursite.com/2019/11/19/react-huan-jing-da-jian-ji-bu-shu/
版权声明 : 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明出处!
支付宝扫一扫, 向我赞赏

支付宝扫一扫, 向我赞赏

微信扫一扫, 向我赞赏

微信扫一扫, 向我赞赏

留下足迹