3. github---多人协作开发流程

news/2024/7/24 10:24:36 标签: github, git

1. 多人协作开发流程

  • A在自己的计算机中创建本地仓库
  • A在github>github中创建远程仓库
  • A将本地仓库推送到远程仓库
  • B克隆远程仓库到本地进行开发
  • B将本地仓库中开发的内容推送到远程仓库
  • A将远程仓库中的最新内容拉去到本地

在这里插入图片描述

在这里插入图片描述

2. 程序员A先要做的事情

  1. 创建本地仓库
  2. 创建远程仓库
  3. 将本地仓库推送到远程仓库

具体步骤如下:

1. 创建本地仓库

创建一个git-demo1 文件夹,来进行演示:
在这里插入图片描述右击,选择git bash here,创建本地仓库,(使用git init) ,并且在git-demo1下新建一个index.html文件:

在这里插入图片描述
在这里插入图片描述
使用git status 来查看一下当前仓库中文件的状态:

在这里插入图片描述
可以看出index.html是没有被git管理的文件,现在把它添加到暂存区中后再提交到本地仓库,让git来管理:

在这里插入图片描述

2. 创建远程仓库

点击主页的start a project,开始一个新的项目:

在这里插入图片描述
填写仓库的基本信息:

在这里插入图片描述

3. 将本地仓库推送到远程仓库

点击完创建仓库按钮之后,我们就来到了仓库的首页面,如下:

在这里插入图片描述
如何通过远程地址向仓库中推送内容呢?有以下三种方法:
在这里插入图片描述
显然,此时我们使用第2个方法,因为之间我们已经在本地创建好了仓库,直接把它推送到远程仓库就可以了:

  1. git push 远程仓库地址 分支名称

在这里插入图片描述
回到github>github,刷新页面就能看到这个仓库了:
在这里插入图片描述

  • 此时A程序员要做的就已经做完了

3. 简化推送本地仓库到远程仓库的命令

可以通过git remote add 远程仓库地址别名 远程仓库地址 这一命令来给远程仓库命名,再提交时不用写很长的地址了。

随意修改index.html之后,进行第2次提交:
在这里插入图片描述在这里插入图片描述

现在我不想写git push origin master,只想写git push

再对index.html做出改变,提交到本地仓库中,再把本地仓库提交到远程仓库:

在这里插入图片描述

git push -u 远程仓库地址别名 分支名称
-u 记住推送地址及分支,下次推送只需要输入git push即可

在这里插入图片描述
再对index.html进行修改,来检测是否真的可以用git push 来提交:

在这里插入图片描述
在这里插入图片描述

4. 接下来是程序员B要做的事情

在之前的操作中,程序员A创建好了本地仓库和远程仓库,也将本地仓库推送到了远程仓库。程序员B要和程序员A一起开发,他现在不需要再创建远程仓库,而是克隆远程仓库到本地仓库

1. 克隆仓库

克隆远端数据仓库到本地:git clone 仓库地址

创建B文件夹,表示程序员B,进入B文件夹,打开git bash here:

在这里插入图片描述复制你要克隆的仓库的地址,在git中输入如下命令:

在这里插入图片描述
在这里插入图片描述

克隆成功:

在这里插入图片描述
接下来程序员B就可以在本地仓库进行开发了,在B对应的文件夹下的index.html中随意做如下修改:

在这里插入图片描述
把修改提交到了本地仓库中:

在这里插入图片描述
接下来要把本地的修改推送到远程仓库:

但是要注意,程序员B没有权限,那该怎么办呢?
答:需要程序员A 邀请程序员B成为项目的开发者

程序员A回到github>github页面,点击settings->Collaborators->add prople,写下你要邀请的合作者的github>github账号进行邀请:

在这里插入图片描述

接下来程序员B把邀请地址粘贴到地址栏:
在这里插入图片描述之后程序员B可以看到如下页面,点击 接受邀请即可:

在这里插入图片描述
则获取了操作git-demo1的文件,现在程序员B可以向仓库中推送代码了:

在这里插入图片描述
现在B程序员想将本地的修改推送到远程:

在这里插入图片描述
在这里插入图片描述到此为止,程序员已经成功把本地的修改推送到远程仓库了。

5. 程序员A将最新版本更新到本地仓库

拉取远程仓库中最新的版本:git pull 远程仓库地址 分支名称

在这里插入图片描述

注意
如果远程仓库的版本高于本地仓库的版本,那么本地仓库是不能提交的,必须先拉取远程仓库中的内容到本地,然后再向远程仓库中提交


http://www.niftyadmin.cn/n/1333737.html

相关文章

某头条加密参数逆向分析

本文章中内容仅供项目展示使用,不用于其他任何目的,逆向项目不提供完整代码,抓包内容、敏感网址、数据接口等均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关! 本文章未经许…

Vue实战之 7. 商品管理---商品分类

1. 商品分类概述 商品分类用于在购物时,快速找到所要购买的商品,可以通过电商平台主页直观地看到。 2. 商品分类列表 实现基本布局实现分类列表数据加载 // 获取商品分类数据async getCateList () {const { data: res } await this.$http.get(categor…

Vue实战之 8.商品管理 -- 分类参数

1. 参数管理概述 商品参数用于显示商品的固定的特征信息,可以通过电商平台详情页直观地看到。 2. 商品分类选择 1. 选择商品分类 页面基本布局加载商品分类数据实现商品分类的级联选择效果 // 获取所有的商品分类列表async getCateList () {const { data: res } …

Vue实战之 9.商品管理 -- 商品列表

1. 商品管理概述 商品管理模块用于维护电商平台的商品信息,包括商品的类型、参数、详情等。通过商品管理模块可以实现商品的添加、修改、展示和删除等功能。 2. 商品列表 实现商品列表布局效果调用后台接口获取商品列表数据 // 根据分页获取对应的商品列表async …

Vue实战之 10. 订单管理

1. 订单管理概述 订单管理模块用于维护商品的订单信息,可以查看订单的商品信息、物流信息,并且可以根据实际的运营情况对订单做适当的调整。 2. 订单列表 1. 订单列表展示 订单数据加载订单列表布局 // 获取订单列表async getOrderList () {const { d…

Vue实战之 11. 数据统计

1. 数据统计概述 数据统计模块主要用于统计电商平台运营过程中的各种统计数据,并通过直观的可视化方式展现出来,方便相关运营和管理人员查看。 2. 用户来源数据统计报表 1. Echarts 第三方可视化库的基本使用 详细代码可以去 菜鸟教程 进行复制 2. 实现…

9.1黑马Vue电商后台管理系统商品管理模块完善:编辑商品的功能

在原视频中,老师跳过了这个功能,我觉得自己去实现也可以锻炼自己,于是自己补充了编辑功能 同用户管理,权限管理等之前各个模块的编辑功能不同,因为商品具有很多可编辑的选项,所以选择像添加商品一样&#x…

Vue实战之 12. 项目优化

1. 项目优化 1. 项目优化策略 生成打包报告第三方库启用CDNElement-UI 组件按需加载路由懒加载首页内容定制 1. 生成打包报告 打包时,为了直观地发现项目中存在的问题,可以在打包时生成报告。生成报告的方式有两种: 通过命令行参数的形式…