zoukankan      html  css  js  c++  java
  • create-react-app创建项目并用git上传至GitHub及展示预览效果

    1、在本地中创建一个项目所在的文件夹

    2、npm -g create-react-app

    3、在此文件夹下 create-react-app react-demo (项目名)

    4、cd react-demo

    5、npm start(等待一会浏览器自动开启)

    6、开始噼里啪啦写你需要的代码

    7、(重点)在package.json配置文件中加一句: “homepage”: “./” (为下面打包做准备,如果不加这句话,那么在预览时开启的页面空白,原因路径不对)

    8、npm run build(打包)

    9、在你的GitHub上新建个仓库,把地址复制下来备用

    10、项目所在文件夹下git init

    11、git add . (点的意思是所有文件,把所有文件添加上去)

    12、git commit -m "xxxxxxxxxx"(提交信息)

    13、git remote add origin https://github.com/xxx/xxx(刚才你在GitHub上保存的地址)

    14、git pull origin master(上传之前先拉一下,第一次不拉也行,但是之后提交最好想成这个习惯)

    15、git push -u origin master(把你的代码提到GitHub上)

    16、此时,在GitHub对应的仓库上,就可以看到刚才提交的代码了。

      接着,点击“setting”;

      找到GitHub Pages,source中点击下面按钮切换到master branch,点击save;

      就可以看到一个链接了,点击链接,发现出现的是你项目中的README.md;

      在链接后面加上   /build/#    回车后,即可看到预览效果。 

    之后的修改代码后,重新npm run build ,重复11~15步骤即可。

  • 相关阅读:
    Xcode 统计代码行数
    AWS 根用户MFA丢失后如何处理
    istio 基础入门
    AWS 如何挑选合适EC2实例类型
    word去除页眉首页横线
    word 题注 图注 表注 交叉引用 自动编号
    (转)Python基础热图-参数超级详解
    VScode 运行代码显示:Code is already running!
    pyside2安装避坑
    vscode import numpy error:DLL load failed: The specific module could not be found
  • 原文地址:https://www.cnblogs.com/liuboyingblog/p/8260233.html
Copyright © 2011-2022 走看看