全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

如何在10分钟内免费部署React应用程序-GitHub页面

发布时间:2022-09-19 11:35:00
发布人:syq

  GitHub页面是部署基于React的Web应用程序的最佳解决方案之一。在本文中,我将指导您如何在 10 分钟内部署 React 应用。

免费部署React应用程序

  先决条件:

  在 GitHub 上托管的 React 应用程序

  用于托管私有代码的 GitHub 专业版帐户(稍后将对此进行详细介绍)

  我假设你已经启动并运行了 React 应用程序,并托管在 GitHub 存储库中。

  让我们开始吧

  1.安装 npm 包gh-pages

  我们将使用 gh-pages 包快速部署我们的应用,通过在终端上运行以下命令来安装作为 dev 依赖项。gh-pages

  $ npm install gh-pages --save-dev

  2. 将主页属性添加到 文件package.json

  我们需要在 中设置属性,这必须是托管您网站的 URL,具体取决于您的项目,它可以是用户网站或项目网站,两者的格式如下 -homepagepackage.json

  用户站点:https://{username}.github.io

  项目现场:https://{username}.github.io/{repo-name}

  你现在应该看起来像这样 -package.json

11

  3. 将部署脚本添加到 文件package.json

  现在将 和 脚本添加到文件中的属性中,现在应如下所示 -predeploy deploy scripts package.json

12

  4. 部署 React 应用

  最后,运行以下命令来部署应用 -

  $ npm run deploy

  恭喜,您的 react 应用程序现已上线

相关文章

抖店平台商户被退店还能退货吗?如何提高评分?

2023-09-19

抖店入驻收费多少?开抖店费用是多少?

2023-09-19

想做直播带货的货源哪里来?怎么找货源?

2023-09-19

抖店没有营业执照怎么办?类型有哪些?

2023-09-19

女孩子拍什么最容易火?拍视频怎么赚钱的?

2023-09-19

怎样投抖加不花钱,有哪些技巧?

2023-09-19
在线咨询 免费试学 教程领取