前端项目中使用git来做分支和合并分支,管理生产版本

最近由于公司前端团队扩招,虽然小小的三四团队开发,但是也出现了好多问题。最让人揪心的是代码的管理问题;公司最近把版本控制工具从svn升级为git。前端H5组目前对git的使用还不是很熟悉,出现额多次覆盖代码和提交冲突的问题。还有最近一次产品版本迭代的时候出现额一个问题: 一个正在开发的版块在下一次版本迭代中不需要上线了,而是修改了这个版块的一些小细节。这个正在开发的版块需要在下下一次产品迭代的时候上线。

这里来简单的记录下使用git做代码版本控制的方法:(主要是建立分支,在分支上修改当前版本的bug,随时准备上线新修复的bug的当前版本;以及同时在主干上继续开发新的功能,为下个版本做准备)

整个的流程图是这样的:

如果不是有这个分支hotfix,那么当你一直在主干上开发新功能的时候,产品或者测试通知你: 你需要在生产版本上修改一些地方,并马上上线时,你只能撤回已经开发好的代码,并进行修改,然后再把撤销的代码在修改上线后再补回去。但是如果是多人操作呢?

于是我们来用git解决这个问题:

创建项目

线上发布1.0版本

1.0版本是这个样子的:

创建分支并切换到分支

创建一个分支: git branch 分支名

查看所有分支: git branch

这时候在当前分支前会有一个 * 号

在分支上修改bug(给当前内容加一个样式)

当前分支变成了这个样子

提交分支的内容:

切换到主干继续开发新功能

这时候你会看到git已经把你的代码切换到了主干代码

目前主干还是1.0版本上线时候的样子

我们在主干上开发新功能(加了一个h1标签)

目前主干上的样子

提交主干的新功能

这里commit 的-a是去掉多余的提交

这时候2.0版本准备上线,合并主干和分支

使用git pull && git push 拉取并提交代码

你会发现你的代码已经具备了上线的全部内容:

目前是这个样子的;

这对于多人开发,和经常性的版本迭代是非常重要的。希望能帮助到大家

原文地址:https://www.cnblogs.com/jasonwang2y60/p/8185505.html

时间: 2024-07-28 12:22:49

前端项目中使用git来做分支和合并分支,管理生产版本的相关文章

svn 创建分支、切换分支 及 合并分支 操作

关联远程仓库: 右键  ---  点击 ' SVN Checkout...' 生成 打开trunk目录,在trunk目录下新建两个文本文件A.java,B.java: 打开A.java输入以下内容: B.java文件可以随机输入些,本例中主要用于观察后续是否变化. 两个文件编辑完成后使用SVN Commit将更改提交到SVN: 下面开始创建分支: 1.在trunk上点击右键,在TortoiseSVN菜单中选择Branch/Tag; 2.在To path输入框中输入新建分支的路径,一般是:/bra

?git?-----协同开发,冲突解决 合并分支(项目中使用git)

使用基本流程 """ 1.开发前,拉一次远程仓库 2.工作区进行开发 3.将开发结果提交到本地版本库 - git status查看时没有待处理的事件 4.拉取远程仓库(每一次要提交远程仓库前必须先拉) 5.如果出现冲突,线下沟通(协商重新开发冲突文件),要重新走3.4步 6.没有冲突,提交到远程仓库 """ 协同开发 """ 1)所有人在一个分支上进行开发 - 通常开发分支名为dev 2)遵循git开发流程:先提交本

如何在前端项目中引用bootstrap less?

在基于bootstrap css框架的前端项目开发中,如果有grunt build系统,那么工作流是:客制化less,在less中定义自己的 CSS,同时可以随意引用bootstrap中预定义好的css类,一旦保存文件,grunt则开始重新构建,生成最后的生产文件.问题是: 如何能够在自己的客制less文件中引入bootstrap的less变量或者mixin呢? 比如:我如何能够实现在屏幕尺寸在@screen-md时,将所有的图片隐藏呢? 对于这个场景,假设项目目录结构如下: > bower_c

前端项目中gulp的使用

在公司项目开发中,有一个前端项目,我们使用gulp来生成目标文件(css,js,html文件) 进入到这个项目目录中  C:\My Project\FrontEnd\TestBuilder 然后依次运行如下命令: npm install npm run build gulp  default (假如 gulpfile.js 中gulp的任务名字是 default) 原文地址:https://www.cnblogs.com/wphl-27/p/9626763.html

git使用八创建和合并分支

创建与合并分支. 在  版本回填退里,你已经知道,每次提交,Git都把它们串成一条时间线,这条时间线就是一个分支.截止到目前,只有一条时间线,在Git里,这个分支叫主分支,即master分支.HEAD严格来说不是指向提交,而是指向master,master才是指向提交的,所以,HEAD指向的就是当前分支. 首先,我们来创建dev分支,然后切换到dev分支上.如下操作: git checkout 命令加上 –b参数表示创建并切换,相当于如下2条命令 git branch dev git check

git从入门到精通(五)(新建分支,合并分支)

1. git branch : 查看分支 2. git branch xuzhiwen :  创建分支 3. git checkout xuzhiwen : 切换分支 4. 切换分支需要做的操作:  git add , git commit 5. 合并分支需要的操作: a.先切换到master 分支 b. git merge xuzhiwen  : 合并分支 原文地址:https://www.cnblogs.com/beibidewomen/p/9687964.html

Git创建分支及合并分支代码

1.首先切换到想要合并到的分枝下,运行'git merge’命令 (例如将dev-20180608分支合并到dev-20180622分支的话,进入dev-20180622分支运行git merge dev-20180608命令) 2.如果合并之后的代码有冲突,如下图红框中所示,此时需要手动解决冲突后再提交上去. 3.解决冲突:如下图所示,两个分支冲突的代码会以”=======”字符串分隔开来,分隔符上面为本分支的代码,分隔符下面为合并过来的分支代 码.此时根据实际情况判断需要保留哪个分支的代码.

Git branch 分支与合并分支(转)

查看当前有哪些branch [email protected] xmrobotium$ git branch * master 新建一个branch xm2.x [email protected] xmrobotium$ git branch xm2.x 切换到一个branch [email protected] xmrobotium$ git checkout xm2.x 新建并且切换到该branch,例: xm2.x [email protected] xmrobotium$ git che

Git branch 分支与合并分支

Git branch 分支 查看当前有哪些branch [email protected] xmrobotium$ git branch * master 新建一个branch xm2.x [email protected] xmrobotium$ git branch xm2.x 切换到一个branch [email protected] xmrobotium$ git checkout xm2.x 新建并且切换到该branch,例: xm2.x [email protected] xmrob