完成任务，如何与他人协同开发，将自己的代码提交至gitlab仓库

       本人前端小白一枚，幸得上苍垂怜，在毕业之际给我“安排”了一波工作，由于前期学习主要是自己写的代码提交至私人仓库，缺少实习与历练，因此刚刚开始上手与他人协同开发的时候就有些不太适应。

      主要出现在以下几个方面：第一，公司安排的活儿，对于新手而言，往往都是实现一些简单的功能，对项目中的某个部分进行相关操作，如增加几个按钮，能够在点击之后跳转至一个新的页面，展示后台提供的API数据等，这些往往需要消化“前辈们”留下来的“战果”，如果前辈“仁慈”，留下的代码很好梳理，那么很快便能入手，如果不巧前辈是个“独裁者”，那么个中滋味，便自我体会吧；第二，新人在安排了活儿之后，一般公司都会配备个人邮箱，公司的任务主要是通过邮箱的方式来进行传递，里面往往会包含任务内容，点击里面的超链接后，不出意外是需要完成功能的原型UI以及实现的功能细节。如果有人能够带你熟悉一下流程，如公司的仓库在哪儿，怎么从公司的某个项目中拷贝某个项目，并在项目上新建自己的分支等流程，无疑是非常幸运的。因为公司活儿多，不可能每个人都照顾得面面俱到，而且因为是多人协同开发，每个人往往都会在项目下新建多个分支，你需要找到自己的部门分支，然后在部门分支下新建自己的分支，在本地拷贝代码，进行任务解析，当完成了相应工作，便将自己的代码提交至公司，对于每天上班必备的操作，经验颇丰者往往嗤之以鼻，对于前端新手者，往往望尘莫及，或许这就是我们新手小白的悲哀吧！

         为了更多的新手小白们能够在完成自己的工作后提交自己的代码，也为了见证自己的成长，仅留下这篇文章，希望多年之后，看到此文，仍留有当初进入前端工作热情！

      话不多说，直接奥里给！

    如果现在我的任务已经完成了，该怎么提交自己代码呢？

     因为我使用的是visio studio code这款软件，所以接下来的步骤会出现一定的局限性，希望有流量的客官们给捧个流量场，下面给个赞或者给点儿积极的评论，让我在前端这条路越走越长，我也会定期更新，留下我前行的脚步，让各位小白看官们少踩点坑，至于报效国家之类的大话就先不说了，还是先报效各位看官们吧；首先自己的任务已经完成了，现在需要做的就是拉取他人代码，如果害怕自己的代码被覆盖掉，建议：先保存自己做的更改，放在一个文件夹下，避免到时候全部覆盖之后，还需要重新回退版本

1.首先打开你的左侧的状态树，就是缠绕三个球的图标，然后点击红色的部分

2.选择拉取自某一个分支，其中origin/dev是总分支，其他的分支是我们协同开发的伙伴，按照自己的需求选择分支，如果想将别人提交过的代码都拉取过来，可以直接选择origin/dev这个总分支

3.拉取了分支的内容后，我们此时已经获得了最新的代码资源，我们可以将自己一开始保存的代码从文件夹中拿出来，粘贴覆盖现有的某个文件，改变的部分可以通过状态树来观看，后面我会专门写一个如何使用状态树快速对比文件，并查找中间可能存在的问题，毕竟这篇博客提及的是如何提交自己的代码，所以就不再赘述，那么我们此时需要做的就是将自己修改后的代码放入最新获取的代码资源中，点击这个红色的圈圈，表示的意思是暂存代码，点击后就可以看到这个html文件就放置在暂存区了

 然后点击那个红色圈圈里的勾，这个勾表示的意思是commit(提交)

4.提交了之后，就是提示备注页面，及时写上备注是非常有帮助的哦，建议每一次提交最好都能写上备注，这样日后使用也方便查询日志，因为这一次做的主要是代码重构，因此我给的备注是Code optimization,建议用英文写备注（别说英文不好，直接谷歌翻译难道不香吗？不要拿着蹩脚英语秀操作，用了谷歌翻译之后，你会发现，嗯，真香！），另外与项目相关的文件夹和文件建议都使用英文命名，因为window不知道什么时候就来一个BUG

提交完了之后在VS code软件左下方会显示如下提示，其中红色圆圈表示的这一次我提交的代码有三个文件被改动了

5.既然已经弄好需要提交的资料，那么接下来就要去gitlab管理仓库了，进入自己的gitlab管理仓库，

在主页面选择自己的分支，注意一般为master,更改为自己的分支，因为你只要把自己完成的代码提交到自己相应的分支就可以了，然后在页面的左侧栏选择commit

就会弹出如上界面，此时选择自己的分支，创建一个合并请求，一般公司都是有测试人员的，你发送的请求往往是由测试人员负责接收，只有在通过测试人员确保没有明显BUG的情况下，才能够接收你的合并请求，然后将你的代码合并至整个项目中，所以说，我们在一个大的项目中，往往只是担任着一个小角色，默默奉献着自己的力量，这就是团队协作，每一个优秀的企业背后都有企业这样一群默默付出的奥里给们！

当点击了Creat merge request,就会弹出上面的页面，此时默认页面是这次提交代码的分支dev-tangbing，请求合并的目标是master,这显然是不对的，因为我们都有自己的分支，只需要将自己本地的代码提交至远程仓库中自己的分支就可以啦，所以点击Change branches

在右边圈圈里面选择自己的部门分支（我的为dev）即可,更改完了之后往下翻，出现

这个表示此次你提交的代码与你拉取代码的不同之处，如果你会使用状态树，可以直接在最开始就检查了，如果不会，此时请求合并之前还是可以看一下自己的代码与拉取的代码有哪些不同

我的上面显示有6处进行了改动，然后我就可以看看自己改动的部分就可以了，因为协同开发的时候可能别人也会更改你文件下的资料，因为关注一下哪些改变了，是不是自己变动的还是很有必要的，如果觉得都没有问题了，就可以直接点击Submit merge request进行合并请求了

这样就会显示我们在29秒钟之前提交了一个请求，至此，一个看似步骤很多其实熟悉了就和喝白水一样简单的提交步骤就完成了，好了，我也该一给我里giao了，各位和我一样的小伙伴们，且加油且珍惜！