前端技术分享-码匠 极客编程技术分享

您当前位于:开发工具 ——> Git系列 Git多人协作,完成项目开发

Git系列 Git多人协作,完成项目开发

2016/06/29 18:43:27 | 作者:HTML5学堂(码匠) | 分类:开发工具 | 关键词:Git,版本控制,分布式,版本管理,分支操作

使用Git多人协作,完成项目开发

HTML5学堂-利利:关于Git的知识,我们共分成了四个大步骤进行讲解,之前我们提到了Git的安装与配置、Git在本地的使用方法,如何创建Git本地仓库与服务器端仓库的关系。今天我们来讲最后一个“大点”:如何使用Git多人协作,完成项目开发。

想要进行多人协作,有两方面的知识要掌握,一方面是在GitHub上进行多人团队项目的创建和管理;另一方面是如何进行多人的配合(会涉及到Git中的分支概念)。

GitHub - 创建组织

点击头像,选择Setting,选择Organization,选择New Organization

填写组织相关名称、邮箱等基本信息。

通过用户名或其他搜索,搜索到GitHub中的用户(自己的开发队友),并将他们加入到这个组织当中。

备注:所添加的“队友”并不能够立刻添加到组织当中,需要等待他们同意(GitHub会发送确认邮件给他们)

GitHub - 创建仓库/项目

在创建完成组织之后,会自动进入到创建仓库(项目)的步骤,和我们之前创建仓库(项目)一样,正常填写仓库(项目)名称、描述即可

此处具体的步骤可参见之前利利写的Git的第三篇文章《如何创建Git本地仓库与服务器端仓库的关系》

依旧是遵循“本地创建SSH Key(如果之前没有创建SSH Key) ——> 在GitHub上增加SSH Key ——> GitHub上设置SSH Key,创建关系 ——> 在GitHub上创建仓库 ——> 在本地添加仓库 ——> 将本地库的内容发送到服务器的仓库或从Git上克隆文件”这样的顺序进行操作。

GitHub - 权限控制

如何让项目的每个成员具有操作权限?当我们完成上面的一系列操作之后,成员能够从GitHub当中拉取文件(clone),但却没有权限修改文件,此时我们需要针对每个成员进行操作权限的设置。

HTML5学堂 - 修改每个人的权限

进入Setting,进行权限设置即可,这时,所有的成员都具备了读写的权限。

然后你可以让你的团队成员提交、拉取一下数据,如果成功了,那么就说明你的团队成员都可以使用自己的Git连接当前的GitHub了。

Tips:在连接GitHub时,需要输入用户的账户和密码,而在WIN7的部分机器当中,输入密码的过程是看不到的。

工作原理 - 如何进行多人合作

所有准备工作完成之后,接下来要做的就是,如何合作。我们可以每个人都在master当中进行操作,但是这时候会有什么问题呢?会不会整个master变得很乱?也有可能出现各种问题?

为了防止这种混乱现象的发生,我们在实际开发中的工作原则是这样的:

HTML5学堂-分支提交流程

master是我们的主分支(也可以理解为主线),我们为了让这条分支足够稳定,只在这个分支上进行新版本的发布或者项目的更新。

对于一个项目的所有操作,都创建一个develop分支,在这个分支上进行各个开发者代码的合并。

由于一个项目有可能是多个人协作实现的,因此会每个人创建一个自己的分支,然后每个人将自己的代码,从个人分支提交到develop分支做合并。

Git - 分支的相关操作命令

了解如何进行团队配合之后,就需要面临“创建分支”“合并分支”“删除分支”等操作。一起来看一下Git的命令。

查看当前分支

命令:$ git branch

使用此命令,所有的分支都会被罗列出来,同时,会在当前用户处于的分支名称的前面,添加一个星号(※)作为标识。

创建分支

命令:$ git branch 分支名称

如:$ git branch develop

使用此命令,将会创建一个分支,但是注意,这个分支创建之后,并不代表我们就处于这个分支了!如果想“移动到”某个分支上时,还需要切换分支。

切换分支

命令:$ git checkout 分支名称

如:$ git checkout develop

如果切换到其他一个未创建的分支(比如手误输入错误),系统会给出错误,告知当前没有创建这个分支

创建并切换分支

命令:$ git checkout -b 分支名称

如:$ git checkout -b pipi

创建分支、切换分支,两条命令虽然可以操作,但是稍微麻烦一些,于是Git为我们提供了一个二合一的方法,更便于我们的操作。

HTML5学堂 - 分支的创建与切换

如何将创建的分支提交到GitHub

在本地切换到需要提交的分支,使用之前我们讲过的commit命令,进行提交,之后使用push命令即可。此时在Git上就出现了两个分支

HTML5学堂 - 两个分支,并且可以切换

其他用户如何使用这个新分支

如果我们希望每个人都在这个新分支(develop)上进行协作开发,那么团队中的每个人就需要在自己的Git中新建一个分支,并切换到这个分支,之后,从GitHub中将新分支拉取下来。

即:创建develop分支——>切换到新的分支——>拉取GitHub中develop分支(拉取远程分支)

拉取远程分支的两种方法

命令:git pull 远程仓库名 分支名

如:git pull origin develop;拉取远程仓库(origin)的develop分支的内容,并且会立即将下载的文件合并到你当前工作目录里

命令:git fetch 远程仓库名 分支名

如:git fetch origin develop;拉取远程仓库(origin)的develop分支的内容,但是不会立即将下载的文件合并到你当前工作目录里

HTML5学堂 - Git - 获取远程分支

拉取GitHub的develop分支后,如果GitHub的develop分支与本地的develop分支产生文件冲突(有不同的地方),会产出如下类似的情况:

HTML5学堂 - Git - 获取远程分支后文件冲突

上方的红色框标注是本地develop的文件内容,下方的红色框标注是GitHub的develop分支文件内容。

解决该问题的方法很简单,通过人工进行文件的合并,然后通过add和commit命令进行提交即可解决问题。

合并分支

当每个开发者在各自的分支上进行操作之后,需要将各自的开发结果提交到公用的develop分支上(此处我使用的分支名字是h5course-1,你可以用任意的名字),此时,就需要涉及到分支的合并。

即:新建h5course-1分支——>切换新分支——>在h5course-1进行开发——>开发完成后,切换到develop分支上——>与h5course-1进行合并——将develop推送到GitHub中

命令:git merge 分支名

如:git merge bug 当前分支与bug分支进行合并

h5course-1分支:

假如已经在h5course-1分支完成开发了。

HTML5学堂 - Git - h5course-1分支

HTML5学堂 - Git - h5course-1分支文件内容

develop分支:

HTML5学堂 - Git - develop分支

HTML5学堂 - Git - develop分支文件内容

develop与h5course-1分支合并:

需要注意的点:因为develop分支是多人操作,所以与h5course-1合并之前,最好再拉取GitHub中的develop分支,从而保证与h5course-1合并的develop是最新的版本。

HTML5学堂 - Git - 合并分支

HTML5学堂 - Git - 合并分支文件内容

HTML5小编-利利&堡堡&皮皮~10+hours

欢迎沟通交流~HTML5学堂

HTML5学堂微信~欢迎扫码关注

HTML5学堂微信

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端