百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

谁说用 Git 一定要用命令行?试试 SourceTree 吧

zhezhongyun 2025-03-24 01:27 27 浏览

作者:邵磊

来源:
https://juejin.im/post/59bc944d51882519777c5e07

前言

作为使用Sourcetree大于3年的我,已熟知git的每一个功能,并灵活运用利用git解决开发中各式各样的场景问题,我也曾多次在公司内部不同小组间分享Sourcetree使用经验,接下来给大家分享下这款工具吧。

本文可能是目前网上最全的一篇可视化使用git工具Sourcetree文章。

可能对于很多开发来说,只要搞懂git的push、pull、解决一些简单的冲突命令就好了,事实上git的功能十分强大,而通过背命令很难熟记每个逻辑。当然不同的ide开发环境都有各种各样的git插件,操作方法各不相同,不如直接学个跨平台,不受ide限制的git管理工具Sourcetree。不管你做java,还是python、Android都可以使用。

介绍

官方介绍如下:

A free Git client for Windows and MacSourcetree simplifies how you interact with your Git repositories so you can focus on coding. Visualize and manage your repositories through Sourcetree's simple Git GUI.

译文:

一款强大的Windows和Mac的免费Git客户端sourcetree简化你如何与你的Git存储库使您可以专注于编码。可视化和通过Sourcetree简单的git GUI管理你的知识库。

一点坑

下载www.sourcetreeapp.com/这款软件是免费的,但是需要注册,登录授权。

一些场景

我大概把一些git高阶的应用场景和大家分享下:

  1. 一个项目含开发分支、集成分支、集成分支(稳定版)、生产环境分支等
  2. 一个项目含base分支,按功能分配到各个分支,各个开发管理(十来个分支),集成分支、生产环境分支。(那十来个分支内只有自己模块的代码)
  3. 一款产品一个主分支,对于每个公司实施均有个性化需求,且需求很难以插件形式实施,或者插件形式也需要各种个性化修改的插件,则对于每个项目实施对应每个分支。

这里,我先简单描述这几种使用场景,具体内容,后面会逐步介绍。


欣赏下git分支:

常见用法

本文会综合Windows环境和mac环境一起讲,但在两个平台下界面或名词还是有少许差异,本文会尽可能的说明。

添加仓库

mac下从url克隆

git remote add orgin http://10.10.100.6:3000/sl/shaolei.git

windows下从url克隆

抓取、获取分支信息

抓取(mac下的名字)获取(Windows下的名字)指获取服务端git库的变更信息,比如落后几个版本,超前几个版本,我们平常多人协作的项目,提交代码前需要先获取一下,如果服务端有新的提交,再拉取下别人的更改,可以减少代码冲突。(菜单栏

拉取代码

$ git fetch
$ git merge orgin/master

我先将界面分为 菜单栏左侧栏文件栏变更栏底部栏以方便下文介绍。

直接点击菜单栏的拉取按钮即可将远程代码变更拉取到本地。

提交代码:

1.正常提交

  1. 首先将未暂存的文件选中,点击后面的暂存所选;或者直接点击暂存所有。(文件栏
  2. 在下方文本框输入本次代码变动的说明。(底部栏
  3. sourcetree默认不会推送到远程仓库,打勾立即推送变更到origin。(底部栏
  4. 点提交即可(如果没有打勾立即推送变更到远程,还需手动点击菜单栏的推送)


这里我模拟一些变更,随便改点代码,然后保存,再次回到提交界面。


变更栏会包含本次所有变更,其中+代表本次增加行;-代表本次删除行;前面2个行号依次代码变更前行号,变更后的行号。
为了保证代码变更尽可能的少,我们需要丢弃一些无意义的变更,如153行的删了一行

,随后又增加了一行
,造成这种现象一般是代码格式化或者不小心增加了某些空格等不可见字符导致,我们可以直接选中那2行,然后点击上方的丢弃行。


需要注意的是,丢弃不等于删除,丢弃所丢的东西是那一行的变更,比如是+号,那么丢掉代表不增加这一行,减号-同理丢的是不删除这一行,也就是恢复这一行。
sourcetree会把所有的变更以区块来分组,所以如果是整个区块的变更都没有意义,可直接丢弃整个块,如图:


随后暂存所选提交(文件栏

暂存代码

暂存和丢弃类似,是将代码片段暂存到本地暂存区 以备提交,提交时所提交的代码就是暂存区的代码。
当我们某个功能已经实现了,但是又想优化一下代码,可又担心等会没优化成功,此时的代码丢失,如果没有git之前,我们可能会备份一份代码,这里只需要暂存代码即可。暂存后,正常修改,后续的变更会出现在未暂存文件中的变更栏中。


此时无论是丢弃,还是继续暂存都是基于上次已暂存的文件。
当然,你也可以提交代码,来实现类似功能。

1.解决冲突

当我和别人改了相同文件的相同行时,(大部分我们多人改变了一个文件,git都会帮我们处理掉,自动合并,但是当改变同一文件的相同行时,在拉取时就会有冲突)如图


我们可以先将我们代码贮藏起来(菜单栏),然后再拉取代码,接着应用贮藏,应用后冲突的文件会显示出来

$ git stash


这个时候,我们需要指定一个版本,比如是别人的版本为准,还是我的版本,随后右键文件选择 解决冲突使用我的版本(左侧栏选择文件状态-》工作副本)


变更栏可以看到updated upstream 是别人改的版本,+====下面我改的版本。
如果远程和本地都有问题,建议打开ide工具编辑后提交。

新开分支

在项目中,我们可能分为开发分支、集成分支、生成环境分支等,这时我们只需要在某个节点上右键选择分支即可

推送分支

新开的分支不会在远程显示,所以需要将分支推送到远程。

$ git push orgin 测试分支

切换分支

$ git checkout 3e1e7fc


需要切换到不通分支时,直接双击分支。

拉取远程分支

和切换分支类似,双击远程分支即可。

回滚提交

有些时候,我们提交的代码有问题,需要回滚回去。

git revert *
 

回滚某次提交

将某次变更(在sourcetree里是某个节点)右键选择回滚提交。

回滚文件

回滚行

忽略文件

项目中,有一些文件夹是需要忽略,而不需要提交到仓库里,比如bin目录下、target目录下的文件。


这里支持忽略单个文件、忽略所有扩展名、或略文件夹下的一切等。之后,我们不会看到这些文件变动。
需要说明的是忽略文件,只能忽略未跟踪文件,如果已跟踪文件(之前被提交过),需要先将这些文件删除后,提交代码库,再次忽略文件。

合并分支


由图中可以看出,我们的测试分支代码落后master分支2个节点,我们可以在master分支上右键选择合并到当前分支


当有冲突时,需要和上文中介绍的那样解决冲突,然后提交;如果没有冲突,需要手动点击推送按钮将合并后的变更提交到远程

贮藏(暂存)代码

$ git stash

上文已有介绍,主要指暂存所有变更,以便于应用暂存(windows下叫贮藏

审查文件

假设一个文件被不同的开发修改过,有段代码需要找到修改人,我们可以右键审查文件查看每一行的作者。

$ git blame


效果如下:


右键某一行选择查看详细日志 可以看到该次提交的说明。

查看文件变动历史

我们时常需要查看某个文件变动的历史,这里我们可以右键查看文件的 变更历史

$ git log


点击后效果如图:

按文件打开历史版本

有些时候,我们也需要查看文件的历史版本,这里可以选中节点后,选择那个变更文件,右键 打开历史版本


sourcetree会生成一个临时文件(历史版本),以供我们分析。

标签的使用

我们有些时候需要给一个变更增加一个标签,比如稳定版1.0的标签

git tag v1
$ git tag -d v1 //移除标签


效果如下:

存档

存档指将当前版本打包成一个zip包。

检出分支

检出分支意思是将当前项目回到选中的版本,这样我们可以很轻松回到任意一个版本,来编译项目,或者检查当时项目的问题。

其他

  1. 合并 一般是用于不通分支间,将某次提交的所有变更合并到当前分支。
  2. rebase、交互式变都是变基,主要是将远程的这个分支名里的标识改变,大部分场景用不到
  3. 重置到当前节点:这个功能蛮好用的,可以将目前的分支回滚到那一次的分支,然后将所有的文件变更显示出来,相当于回到当时准备提交的时候(包含之后的所有变动)。
  4. 遴选 从不同的分支中检出一个单独的commit , 并把它和你当前的分支合并,类似于打补丁,例如,修复一个所有分支都有的bug这样的场合可以适用。
$ git revert
$ git cherry-pick 4a1fd5
  1. 分支的拉取推:从远程拉取
  2. 跟踪分支:当未跟踪时表示本地没有和远程建立分支的联系
  3. 重命名分支
  4. 删除分支等

如何查看界面上的操作对应命令


设置后可以看到每部操作的git命令

一些良好的习惯

  1. 尽可能丢弃一些无意义的变更
  2. 尽可能按模块分配开发人员任务
  3. 合并分支后需立刻解决掉冲突
  4. 减少单个文件内代码变动的区块
  5. 如果使用我的版本解决问题,需告知对方

场景 应用

篇幅有限,下次再续!

总结

通过本文介绍,可以解决平时90%以上的各个代码提交问题,至于用什么ide环境,那都不是事,使用ide开发工具打开sourcetree里的项目即可。


作者:邵磊
链接:
https://juejin.im/post/59bc944d51882519777c5e07

来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

相关推荐

3 分钟!AI 从零开发五子棋全过程曝光,网友:这效率我服了

<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8...

一行代码实现display&quot;过渡动画&quot;原理

作者:Peter谭老师转发链接:https://mp.weixin.qq.com/s/XhwPOv62gypzq5MhhP-5vg写本文的起因上篇文章,提到如何让display出现过渡动画,却没有仔...

脑洞:琼恩·雪诺、蝙蝠侠和魔形女的灵魂宠物了解一下

AlekseiVinogradovisaRussianfreelancedigitalartistwhoshareshisskillsandtalentwith120k...

浏览器的渲染机制、重绘、重排

1、什么是重排和重绘网页生成过程:HTML被HTML解析器解析成DOM树css则被css解析器解析成CSSOM树结合DOM树和CSSOM树,生成一棵渲染树(RenderTree)生成布局(flo...

托福写作高频考题写作思路&amp;词汇丨考虫独家

科技话题与媒体话题是托福写作的常考话题很多考生对这两类话题里的专有词汇表达也许很不了解所以今天就跟随考虫托福写作老师刘云龙老师一起来学习在这些话题的写作里你可以使用哪些有用的表达。希望大家有收获!记得...

在优麒麟上使用 Electron 开发桌面应用

使用Web标准来创建桌面GUI,上手快、成本低、跨平台、自适应分辨率,这些都是Electron的优势。作者/来源:优麒麟Electron是由Github开发,用HTML、CSS和...

php手把手教你做网站(三十八)jquery 转轮盘抽奖,开盲盒

抽奖和开盲盒性质一样的都是通过ajax读取后台的随机数据。1、转轮盘本来是想直接绘图实现轮盘,但是没有找到怎么填充文字,只好把轮盘弄成了背景图,通常用于游戏抽道具,商城积分抽奖,公司年末员工抽奖点击抽...

用 CSS 整活!3D 轮播图手把手教学,快乐代码敲出来

兄弟们,今天咱来搞点好玩的——用CSS整一个3D轮播图!咱野生程序员就是要在代码里找乐子,技术和快乐咱都得要!代码是写不完的,但咱能自己敲出快乐来,走起!一、先整个容器,搭个舞台咋先写一个...

实现一个超酷的 3D 立体卡片效 #前端开发

今天我们来实现一个超酷的3D立体卡片效果。正常情况下就是一个普通的图片展示卡片,鼠标悬停的时候图片会跳出卡片,并将影子投射到背景卡片上,在视觉上有一个3D立体感。html主要分成3个部分:容器→背景层...

Vue 3 Teleport与Suspense:解决UI难题的两个&quot;隐藏大招&quot;

模态框的"层级噩梦"与Teleport的救赎"这个模态框怎么又被父容器截断了?"团队协作开发后台系统时,小张第N次遇到这个问题。多层嵌套的组件结构里,弹窗被overfl...

让交互更加生动!有意思的鼠标跟随 3D 旋转动效

今天,群友问了这样一个问题,如下所示的鼠标跟随交互效果,如何实现:简单分析一下,这个交互效果主要有两个核心:借助了CSS3D的能力元素的旋转需要和鼠标的移动相结合本文,就将讲述如何使用纯CSS...

填坑:transform元素导致zindex失效终极方法

今天遇到了使用css3动画的元素层级被放大置顶的问题,ios浏览器上没问题,安卓原生浏览器和安卓微信上有问题。使用了css3动画的元素z-index失效,兄弟元素设置多高的z-index都盖不住解决办...

诡异的层级错乱:一个被transform隐藏的CSS陷阱

周五下午三点十七分,设计部突然发来紧急截图——原本应该悬浮在顶部的导航菜单,此刻正诡异地被下方的轮播图遮挡。我盯着屏幕上错乱的层级关系,手指下意识地敲下z-index:9999,心里清楚这不过是程序...

动画篇--碎片动画

本文授权转载,作者:Sindri的小巢(简书)前言从最开始动笔动画篇的博客,至今已经过去了四个多月。这段时间回头看了看自己之前的动画文章,发现用来讲解动画的例子确实不那么的赏心悦目。于是这段时间总是想...

Nature:大洋转换断层处的拉张构造与两阶段地壳增生

Nature:大洋转换断层处的拉张构造与两阶段地壳增生转换断层是三种基本的板块边界之一,全球总长度超过48000km(Bird,2003),它们的发现为板块构造理论的建立奠定了重要的基础(Wil...