gitee 仓库管理流程总结

710 阅读2分钟

远程仓库提交react代码

1.新建仓库
  1. 进入gitee里面,在最上面工具栏加号里找到新建仓库
  2. 在新建仓库页面填写仓库信息
  • 仓库名称,自己设置
  • 归属:默认是当前用户(自己)
  • 路径:仓库的访问路径,由用户个性地址+仓库路径名称
  • 开源许可证:MIT然后提交 然后点创建
2.提交代码

1.先讲仓库clone到本地,修改后再push到gitee的仓库
在新建的仓库中找到SSH复制,然后通过这个拉取到本地文件夹下 image.png

    //在终端中cd到想要添加到的目录下面
    git clone git@gitee.com:chdong/new.git

在目录中找到添加到本地的那个仓库,修改后提交到远程仓库

  //在终端中执行
  git add . //将当前目录所有文件添加到暂存区
  git commit -m '项目修改'  //备注提交的信息
  git pull  //获得最新状态,防止提交时别人也提交,遭成提交失败
  git push origin master  //将本地提交推送到远程仓库--默认提交到master分支时可以直接写 git push

3.React项目提交

部署gitee pages页面时,会解析根目录下面的index.html文件
而react项目里index.html文件不在根目录下面,这就需要我们对react项目进行打包

利用build打包
  1. 使用build生成项目:资源文件路径“/”(绝对路径)修改为相对路径,在项目的package.json文件中增加一个节点
“homepage”:"."

image.png

2.在终端对应的根目录下面中输入

  npm run build  //把react项目打包

就会生一个build文件,根目录下面就会有index.hmtl文件

image.png

  1. 在gitignore文件中查看是否有build,否者会导致build文件提交被忽略。 gitignore文件会忽略里面所包含的文件的修改

image.png 把build这行代码删掉,就能build文件提交到gitee上

4.部署pages页面

在gitee找到对应的仓库点开,点服务里面的gitee pages
把部署目录写成build,然后启动服务就会成链接,页面网络部署就成功了

image.png

image.png