前端代码协同开发流程(在vscode中使用git)

前端代码协同开发流程(在vscode中使用git)

问题描述

最近前端多人协同开发的时候碰到gitee分支规范。下面做一个整理:
涉及到的分支有:
1.远程master分支 origin-master
2.远程个人开发分支 origin-dev
3.本地master分支 local-master
4.本地个人开发分支 local-dev
5.其它开发者的远程个人分支 origin-other

解决方法

1.新建远程仓库分支,例如self

前端代码协同开发流程(在vscode中使用git)_第1张图片

2.拉取线上代码,并在VScode中打开
git clone 远程仓库地址

拉取完之后,打开VScode之后的左下角显示的就是当前分支的名称,点击之后即可进行随意切换
在这里插入图片描述

3.创建本地分支(git协同开发逻辑)

为了代码规范本地需要两个本地分支:一个本地master分支,另一个作为自己的本地开发分支
两个本地分支的目的就是:自己在开发的时候位于本地开发分支进行开发,在每做完一个功能模块的时候就推送该功能模块代码到本地master分支,也就是做一部分推一部分,以确保在本地master分支上的代码所具有的功能是完善完整的并且是经过测试的。当需要部署上线的时候,如果存在某一部分功能没有完善,可以选择暂不推到本地master分支(功能延迟上线)

前端代码协同开发流程(在vscode中使用git)_第2张图片

如上图,远程分支前面会有origin-的前缀,而本地分支没有。点击即可进行分支的切换,当然对应的也就是切换了VScode中的代码内容。

一般拉完远程仓库后本地会有一个默认的master分支,这时候需要自己再新增一个本地开发分支。但是如果初始的时候没有本地分支,那么就自己再新增两个分支。

4.举例(个人开发流程)

本地开发分支self写了一个功能模块a功能模块b

前端代码协同开发流程(在vscode中使用git)_第3张图片
在这里插入图片描述
然后将这部分新增的功能模块进行提交。注意先不要点击左下角的推送
前端代码协同开发流程(在vscode中使用git)_第4张图片
此时,本地分支self中就存在你新增的功能模块a和b。此时切换到本地主分支master,注意不是远程主分支origin-master。然后把本地self分支合并过来。
前端代码协同开发流程(在vscode中使用git)_第5张图片
这时候本地master分支就是完整的最新代码。接着就可以进行推送到远程个人分支origin-self
在这里插入图片描述
如果想要把origin-self合并到origin-master,和上面的流程一样,左下角先切换到origin-master再直接点击旁边的推送即可。

另外

更新远程分支命令:

git remote update origin --prune

你可能感兴趣的:(React,vscode,git,react)