GIT实战篇,教你如何使用GIT可视化工具

这篇具有很好参考价值的文章主要介绍了GIT实战篇,教你如何使用GIT可视化工具。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

系列文章目录

手把手教你安装Git,萌新迈向专业的必备一步
GIT命令只会抄却不理解?看完原理才能事半功倍!
快速上手GIT命令,现学也能登堂入室


GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
经过前三期的学习,不管是GIT模型还是GIT命令,相信大家都已经有了比较全面的了解。当然,尽管GIT命令永远是最强大而全面的,但并不是说只能使用命令来控制,我们还可以使用一些可视化工具。通过界面按钮,能大大提高我们的使用效率。不过,前提是我们已经知道其运行机制,不然就会导致意料之外的情况,那么,今天我就带大家一起来学习一些可视化工具的内容

📕作者简介:战斧,从事金融IT行业,有着多年一线开发、架构经验;爱好广泛,乐于分享,致力于创作更多高质量内容
📗本文收录于 GIT 专栏,有需要者,可直接订阅专栏实时获取更新
📘高质量专栏 云原生、RabbitMQ、Spring全家桶 等仍在更新,欢迎指导
📙Zookeeper Redis kafka docker netty等诸多框架,以及架构与分布式专题即将上线,敬请期待


一、GIT有哪些常用工具

1. Git GUI

这是我们在windows下安装GIT后自带的工具,也就是官方的可视化工具了,可以通过界面完成GIT的操作并且更加直观、易于管理。
GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
其操作界面如下:

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

2. GITK

如果说GIT GUI 重点是方便我们的提交,那GIT还自带了个GITK,方便我们进行历史记录的浏览,其打开方式需要在某个仓库下输入gitk,如下:

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
其界面打开后如下:

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

3. GitKraken

GitKraken 也是一个很多人使用的GIT工具,而且是跨平台的,即Linux, Mac, Windows都支持,其官网为:https://www.gitkraken.com/。界面如下:

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

4. TortoiseGit

TortoiseGit 也是一款广泛使用的GIT工具,曾经使用过SVN的应该不陌生,也就是著名的”小乌龟“,笔者现在也在使用,非常好用,但缺陷就是只支持windows系统,其官网如下:https://tortoisegit.org/

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

5. 其他

除了上面介绍的几种,大家还可以前往 https://git-scm.com/downloads/guis 查看官方列出的各种常用GIT工具,并按需下载

二、工具的使用

上文介绍了很多工具,这一章我们就以其中笔者使用的 TortoiseGit 来举例,说一下可视化工具的使用。记住,使用 TortoiseGit 工具前,先把GIT安装并建立好自己的库,其安装及基础使用教程可以先看该文章 《手把手教你安装Git,萌新迈向专业的必备一步》

1. 安装TortoiseGit

首先进入 TortoiseGit 下载页:https://tortoisegit.org/download/,选择适合自己系统的安装程序。至于汉化包,有需要的可以下载。
GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

安装我们还是遵循一贯的风格,除了安装路径改了下,其他的都是默认选项,然后一路 Next 就可以。

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
一般情况下,它能自动找到你安装的GIT的位置,但如果它找错了,就需要你手动配置一下了

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

在安装完 TortoiseGit 后,有需要的汉化的,可以继续安装下载的汉化包,笔者这里就不继续配置了,还是以英语界面继续进行讲解

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

当你成功安装完后,在已经被GIT管理的目录下,单击右键,应当能看到多出几个指令

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

2. 新建本地仓库

我们找到一个普通的项目目录,然后使用TortoiseGit 将其纳入管理,如下,在工程目录里使用右键,单机,选择新建仓库
GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

会弹出框,询问我们是否把库设置为裸库,我们不要勾选(裸库一般是分享库),点击OK

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

此刻我们应该能观察到目录中多出了一个熟悉的 .git 隐藏目录

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

3. 维护远程仓库

完成本地仓库的创建后,我们还想把我们的项目上传到远程Gitee,这样方便我们以后在其他电脑上拉取和修改。此时可以先Gitee 上新建一个仓库
GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

如果小伙伴们看过前面的博客,不难知道接下来我们可以通过以下命令,来追踪远程仓库

git remote add origin https://gitee.com/XXXXXXX/springdemo.git

不过,这次我们可以不敲命令,通过可视化窗口来配置,其维护操作如下:

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

进入设置后,将远程仓库的URL地址填上,然后再随便想一个名字,这个名字就是在你这个本地仓库里,对这个远程仓库的起的别名.

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

4. 代码递交

完成了上面的种种操作,现在可以开始递交了,我们先将工作区这些内容提交到本地仓库。但在此之前,如果我们确定有一些内容我们不用交到远程,可以新建个.gitingnore 的文件,本例中,我们可以把 .idea 和 target 目录放入其中

# Default ignored files
/.idea/
/target/

然后再进行代码的提交,如下:
GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

注意红框的部分建议填写,此时要注意勾选我们需要提交的文件,因为像 target 等目录已经被我们设置为忽略了,所以此处我们直接点击 ALL 来选中显示的所有文件,然后点击 commit

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

在提交完以后,页面会自动弹窗提醒你是否要将最新内容推送至远程仓库,那么我们肯定是要推的,这里点击push

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

注意弹出来的选项框,因为我们先前维护了远程仓库,这里就默认选中了这个仓库gitee_origin,远程分支可以不填,默认会用本地分支的名字master,点击OK即可

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

显示成功,至此,我们就完全摆脱命令行,单纯使用 TortoiseGit 实现了仓库新建及代码递交

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

5. 查看历史

完成上述内容后, TortoiseGit 还有一项很重要的功能,就是查看递交历史,这在溯源问题时非常必要,我们同样可以通过右键单击打开对应页面

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
页面还提供了根据日期、提交人等信息进行过滤的功能,对于查询提交记录十分方便

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

6. 更多功能

对于 TortoiseGit 更多功能,可以点击Help打开操作手册,来进行更深入的学习

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树


三、IDEA 嵌入

关于如何在IDEA中使用GIT的基础操作,可以去 手把手教你安装Git,萌新迈向专业的必备一步 看一下,本次我们着重讲一下其他场景

1. 解决冲突

冲突一般发生在分支合并的时候,不同分支的代码如果改动了同一地方,而且要合并,此时就会产生冲突,需要人为解决冲突。我们现在制造一种冲突的场景,我们在本地代码中加了一行注释,如下:
GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
但是使用另一个仓库在同样位置加了另一句注释,并已经推送至远端

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
那么当我们在本地代码进行更新的时候,应该会出现冲突

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

果不其然,发生了冲突,弹出了如下页面,左侧是本地代码,右侧是远程仓库代码,我们可以自行调整后,如何来解决冲突

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

此处我们坚持使用本地的代码,所以可以点击左边红框的箭头,然后点击右下角的 apply 来应用,并在弹窗中二次确认

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
这样,我们就能够成功的解决冲突

2. 切换分支

在日常开发中,我们可能经常某一个分支的任务做到一半,就会被紧急叫去解决另外一个分支的问题,那么此时我们就要做一次暂存,然后切换分支。我们在此演示一种场景,我正在本地的master分支写了一些代码,现在紧急需要修改dev分支,那么我们可以如下操作,先把未保存的内容进行 stash 贮存

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
写上一些贮存的信息
GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

贮存完以后,本次修改的内容会会消失,此时我们再进行分支切换

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
当我们忙完 dev 的内容后再切换回 master 分支时,只需要再从stash 贮存区把我们存的内容还原即可GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

选择我们贮存的那次修改,并将其取出

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

最后我们的 master 分支又恢复原样了

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

3. 日志图

在GIT中,我们经常需要查看提交的历史情况,可以使用其日志图功能,输入命令

git log --graph

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

但这个图看起来局限性还是比较大,可视化效果也一般。现在我们可以使用Idea来看到日志图,我们以上次说的开源框架Sa_Token 为例,分析它的历史情况。首先,我们新建一个文件夹,然后clone其仓库

$ git clone https://gitee.com/dromara/sa-token.git

打开 Idea ,在Git 的 Log 窗口内就能看到它的日志图了

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

图中的每个小点代表一次提交,每条线代表一个分支,整体按照时间倒叙,也就是越在上面时间就越晚。而这些线相交的点则意味着这是一次拉出分支 或者 合并。如果我们关注某次提交,可以直接选中那一行,看它的相关信息

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

4. 远程插件

除了上述的方法,码云其实在Idea的市场里也提供了码云(Gitee)插件,如下图:
GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
当然,Github 的插件也是不会缺的,如下图:

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树
安装完成后,我们在工程里右键,就能看到两个平台的菜单指令了

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

当然,我们在Git 菜单下也能有更多快捷的使用方法,比如快速分享工程至Github,或者查看谁提交了 pull request 等等常见功能

GIT实战篇,教你如何使用GIT可视化工具,GIT,git,TortoiseGit,Idea,Github,Gitee,git节点树

总结

本次我们总结了一些可视化工具的用法,并演示了使用IDEA的情况下面对一些场景的处理方式,可以看到,工具按钮总是比比命令行更高效直观,所以可视化操作对于开发者来说,简直如虎添翼。当然GIT的使用并不总是顺利,比如笔者曾遇见一些冲突解决后,自己未提交的代码遗失的问题。不过幸好IDEA自己有历史功能,还能从history中恢复代码。同事们也会偶发关于GIT的错误操作,导致的各种故障,甚至有时候连续几次误操作,最终影响到版本发布。所以尽管GIT的日常使用并不复杂,但还是要保持谨慎,出现误操作后千万要冷静,不要着急一通摆弄,反而容易把小问题变得更严重了。文章来源地址https://www.toymoban.com/news/detail-695096.html

到了这里,关于GIT实战篇,教你如何使用GIT可视化工具的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 如何通过TortoiseGit可视化工具查看Git管理的版本树和信息(工作树变更)内容

    黑色直线:master分支和基于master分支拉取基础分支都在这条线上,是一条直线。 其他线条:新开分支一定会增加一条线,但不一定每一条线分别代表一个分支。 注:如果一直是一个人,在同一个本地分支改的话,会一直是这条黑线。 即: 新的分支commit的差异,会产生新的支

    2024年02月04日
    浏览(84)
  • 如何使用可视化管理工具DockerUI远程管理docker容器

    DockerUI是一个docker容器镜像的可视化图形化管理工具。DockerUI可以用来轻松构建、管理和维护docker环境。它是完全开源且免费的。基于容器安装方式,部署方便高效,浏览和维护docker单节点或集群节点worker和manager。DockerUI具有易于使用的界面。它不需要记住 docker 指令。只需下

    2024年02月03日
    浏览(35)
  • Python可视化工具库实战

    Matplotlib Matplotlib 是 Python 的可视化基础库,作图风格和 MATLAB 类似,所以称为 Matplotlib。一般学习 Python 数据可视化,都会从 Matplotlib 入手,然后再学习其他的 Python 可视化库。 Seaborn  Seaborn 是一个基于 Matplotlib 的高级可视化效果库,针对 Matplotlib 做了更高级的封 装,让作图

    2024年02月11日
    浏览(26)
  • 上手第一关,手把手教你安装kafka与可视化工具kafka-eagle

    终于又开新专栏啦(其实是填坑),相信很多同学对kafka都有一定的了解了,我们以前在RabbitMQ的选型中,也提到过两者的对比,那么今天我们就正式开始Kafka的学习吧,老规矩,先来一篇手把手安装教程,因为后续主要是用于自身学习,所以还是以windows的安装为例 📕作者简

    2024年02月08日
    浏览(33)
  • Git与Git可视化工具TortoiseGit-小乌龟安装和配置

    官网链接: https://git-for-windows.github.io/ 文件位置存储,可根据自己盘的情况安装 安装配置文件,自己需要的都选上,下一步 不创建启动文件夹,下一步: 选择默认的编辑器,我们直接用推荐的就行,下一步 勾上第二项,这样就可以在cmd中操作,下一步 使用默认设置就行,下

    2024年02月08日
    浏览(36)
  • 内网穿透的应用-如何使用Docker安装DockerUI可视化管理工具无公网IP远程访问

    DockerUI是一个docker容器镜像的可视化图形化管理工具。DockerUI可以用来轻松构建、管理和维护docker环境。它是完全开源且免费的。基于容器安装方式,部署方便高效,浏览和维护docker单节点或集群节点worker和manager。DockerUI具有易于使用的界面。它不需要记住 docker 指令。只需下

    2024年03月22日
    浏览(35)
  • 可视化看板有那么多应用场景,该如何快速搭建?可视化工具该如何选择?

    在当今的信息化时代,数据已经成为了现代决策的核心。无论是企业战略规划、运营管理,还是个人生活决策,数据都扮演着至关重要的角色。随着数据分析技术和工具的不断进步,数据在决策中的作用将变得更加突出,对组织和个人的成功至关重要。 可视化看板是一种将复

    2024年04月23日
    浏览(49)
  • 【监控系统】可视化工具Grafana简介及容器化部署实战

    1.什么是Grafana 官网地址:https://grafana.com/ Grafana用Go语言开发的开源数据可视化工具,可以做数据监控和数据统计,带有告警功能。支持快速灵活的客户端图表,面板插件有许多不同方式的可视化指标和日志,官方库中具有丰富的仪表盘插件。 数据源广: Graphite,InfluxDB,Open

    2024年02月15日
    浏览(26)
  • (十二)K8S可视化工具Rancher部署项目应用实战

    1.进入资源密文 2.进入镜像库凭证列表,点击添加凭证 3.输入凭证名称,选择自定义,填入自己的私有镜像仓库地址,这里使用的是阿里云,输入用户名和密码 1.连接好镜像仓库之后,我们点击资源工作负载部署服务 2.部署工作负载,点击启动 3.启动成功后,等待镜像拉去完

    2024年02月11日
    浏览(31)
  • 小程序数据可视化:使用图表和可视化工具展示数据

    在当今信息爆炸的时代,数据无疑是最珍贵的资源之一。然而,海量的数据如果不加以整理和展示,很难从中获取有价值的信息。这时候,数据可视化就发挥了重要作用,它能够通过图表和可视化工具将复杂的数据转化为直观的视觉形式,帮助人们更好地理解和分析数据。本

    2024年02月11日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包