前端代码协同开发流程(在vscode中使用git)
问题描述
最近前端多人协同开发的时候碰到gitee分支规范。下面做一个整理: 涉及到的分支有: 1.远程master分支 origin-master 2.远程个人开发分支 origin-dev 3.本地master分支 local-master 4.本地个人开发分支 local-dev 5.其它开发者的远程个人分支 origin-other
解决方法
1.新建远程仓库分支,例如self

2.拉取线上代码,并在VScode中打开
git clone 远程仓库地址
拉取完之后,打开VScode之后的左下角显示的就是当前分支的名称,点击之后即可进行随意切换: 
3.创建本地分支(git协同开发逻辑)
为了代码规范本地需要两个本地分支:一个本地master分支,另一个作为自己的本地开发分支。 两个本地分支的目的就是:自己在开发的时候位于本地开发分支进行开发,在每做完一个功能模块的时候就推送该功能模块代码到本地master分支,也就是做一部分推一部分,以确保在本地master分支上的代码所具有的功能是完善完整的并且是经过测试的。当需要部署上线的时候,如果存在某一部分功能没有完善,可以选择暂不推到本地master分支(功能延迟上线)。

如上图,远程分支前面会有origin- 的前缀,而本地分支没有。点击即可进行分支的切换,当然对应的也就是切换了VScode中的代码内容。
一般拉完远程仓库后本地会有一个默认的master分支,这时候需要自己再新增一个本地开发分支。但是如果初始的时候没有本地分支,那么就自己再新增两个分支。
4.举例(个人开发流程)
在本地开发分支self写了一个功能模块a和功能模块b:
  然后将这部分新增的功能模块进行提交。注意先不要点击左下角的推送。  此时,本地分支self中就存在你新增的功能模块a和b。此时切换到本地主分支master,注意不是远程主分支origin-master。然后把本地self分支合并过来。  这时候本地master分支就是完整的最新代码。接着就可以进行推送到远程个人分支origin-self。  如果想要把origin-self合并到origin-master,和上面的流程一样,左下角先切换到origin-master再直接点击旁边的推送即可。
另外
更新远程分支命令:
git remote update origin --prune
|