返回顶部
分享到

Git可视化管理工具(SourceTree)使用操作

相关技巧 来源:互联网 作者:佚名 发布时间:2025-05-02 22:20:03 人浏览
摘要

俗话说的好工欲善其事必先利其器,Git分布式版本控制系统是我们日常开发中不可或缺的。目前市面上比较流行的Git可视化管理工具有SourceTree、Github Desktop、TortoiseGit,综合网上的一些文章分析

俗话说的好工欲善其事必先利其器,Git分布式版本控制系统是我们日常开发中不可或缺的。目前市面上比较流行的Git可视化管理工具有SourceTree、Github Desktop、TortoiseGit,综合网上的一些文章分析和自己的日常开发实践心得个人比较推荐开发者使用SourceTree,因为SourceTree同时支持Windows和Mac,并且界面十分的精美简洁,大大的简化了开发者与代码库之间的Git操作方式。该篇文章主要是对日常开发中使用SourceTree可视化管理工具的一些常用操作进行详细讲解。

 

连接Gitee or GitHub,获取代码:

注意:这里介绍的是使用SSH协议获取关联远程仓库的代码,大家也可以直接使用过HTTPS协议的方式直接输入账号密码获取关联代码!

在SourceTree中添加SSH密钥:

工具=>选择:

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送

 

添加SSH密钥位置:C:\Users\xxxxx\.ssh\id_rsa.pub:

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_代码库_02

SSH客户端选择OpenSSH:

 

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_代码库_03

Clone对应托管平台仓库(以Gitee为例):

打开码云,找到自己需要Clone的仓库!

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_代码库_04

 

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_代码库_05

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_git_06

 

SourceTree设置默认工作目录:

  由上面我们可以发现每次Clone克隆项目的时候,克隆下来的项目默认存储位置都是在C盘,因此每次都需要我们去选择项目存放的路径,作为一个喜欢偷懒的人而言当然不喜欢这种方式啦,因此我们可以设置一个默认的项目存储位置。

设置SourceTree默认项目目录:

点击工具=>选项=>一般=>找到项目目录设置Clone项目默认存储的位置:

 

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_代码库_07

 

SourceTree代码提交:

1.首先切换到需要修改功能代码所在的分支:

 

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送_08

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_git_09

2.将修改的代码提交到暂存区:

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_git_10

3.将暂存区中的代码提交到本地代码仓库:

注意:多人同时开发项目的时候,不推荐默认选中立即推送变更到origin/develop,避免一些不必要的麻烦!

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_git_11

 4.代码拉取更新本地代码库,并将代码推送到远程仓库:

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送_12

 

 

 勾选需要推送的分支,点击推送到远程分支:

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送_13

 

代码成功推送到远程代码库:

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送_14

5.在Gitee中查看推送结果:

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送_15

 

SourceTree分支切换,新建,合并:

1.分支切换:

双击切换:

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_代码库_16

 

 

单击鼠标右键切换:

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_代码库_17

 

2.新建分支:

注意:在新建分支时,我们需要在哪个主分支的基础上新建分支必须先要切换到对应的主分支才能到该主分支上创建分支,如下我们要在master分支上创建一个feature-0613分支:

 

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_代码库_18

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_git_19

 

3.合并分支:

注意:在合并代码之前我们都需要将需要合并的分支拉取到最新状态(**避免覆盖别人的代码,或者丢失一些重要文件)!!!!!

 

在master分支上点击右键,选择合并feature-0613至当前分支即可进行合并:

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_git_20

 

 

分支合并成功:

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送_21

 

SourceTree代码冲突解决:

首先我们需要制造一个提交文件遇到冲突的情景:

在SoureceTree中在Clone一个新项目,命名为pingrixuexilianxi2,如下图所示:

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送_22

 

 

 

我们以项目中的【代码合并冲突测试.txt】文件为例:

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_git_23

 

 

在pingrixuexilianxi2中添加内容,并提交到远程代码库,添加的内容如下:

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_git_24

 

 

在pingrixuexilianxi中添加内容,提交代码(不选择立即推送变更到origin/master),拉取代码即会遇到冲突:

 

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_代码库_25

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送_26

 

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_代码库_27

 

 

 

冲突文件中的内容:

 

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送_28

直接打开冲突文件手动解决冲突:

由下面的冲突文件中的冲突内容我们了解到:

1

2

3

4

5

 

<<<<<<< HEAD

6月19日 pingrixuexilianxi添加了内容

=======

6月18日 pingrixuexilianxi2修改了这个文件哦

>>>>>>> a8284fd41903c54212d1105a6feb6c57292e07b5

 

 

<<<<<<< HEAD到 =======里面的【6月19日 pingrixuexilianxi添加了内容】是自己刚才的Commit提交的内容

=======到 >>>>>>> a8284fd41903c54212d1105a6feb6c57292e07b5里面的【6月18日 pingrixuexilianxi2修改了这个文件哦】是远程代码库更新的内容(即为pingrixuexilianxi2本地代码库推送修改内容)。

 

手动冲突解决方法:

  根据项目需求删除不需要的代码就行了,假如都需要的话我们只需要把 <<<<<<< HEAD=======     >>>>>>> a8284fd41903c54212d1105a6feb6c57292e07b5都删掉冲突就解决了(注意,在项目中最后这些符号都不能存在,否则可能会报异常)。

 

最后将冲突文件标记为已解决,提交到远程仓库:

 

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_代码库_29

采用外部文本文件对比工具Beyond Compare解决冲突:

SourceTree配置文本文件对比工具Beyond Compare:

工具=>选项=>比较:

 

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送_30

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送_31

 

使用Beyond Compare解决冲突:

Beyond Compare使用技巧:

官方全面教程:https://www.beyondcompare.cc/jiqiao/

 

SourceTree打开外部和合并工具:

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_代码库_32

 

 

注意:第一次启动Beynod Compare软件需要一会时间,请耐心等待:

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送_33

 

 

 

 

Beynod Compare进行冲突合并:

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_git_34

 

 

点击保存文件后关闭Beynod Compare工具,SourceTree中的冲突就解决了,在SourceTree中我们会发现多了一个 .orig 的文件。接着选中那个.orig文件,单击右键 => 移除,最后我们推送到远程代码库即可:

 

 

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_代码库_35

 

Sourcetree中的基本名词说明:

克隆/新建(clone):从远程仓库URL加载创建一个与远程仓库一样的本地仓库。

提交(commit):将暂存区文件上传到本地代码仓库。

推送(push):将本地仓库同步至远程仓库,一般推送(push)前先拉取(pull)一次,确保一致(十分注意:这样你才能达到和别人最新代码同步的状态,同时也能够规避很多不必要的问题)。

拉取(pull):从远程仓库获取信息并同步至本地仓库,并且自动执行合并(merge)操作(git pull=git fetch+git merge)。

获取(fetch):从远程仓库获取信息并同步至本地仓库。

分支(branch):创建/修改/删除分枝。

合并(merge):将多个同名文件合并为一个文件,该文件包含多个同名文件的所有内容,相同内容抵消。

贮藏(git stash):保存工作现场。

丢弃(Discard):丢弃更改,恢复文件改动/重置所有改动,即将已暂存的文件丢回未暂存的文件。

标签(tag):给项目增添标签。

工作流(Git Flow):团队工作时,每个人创建属于自己的分枝(branch),确定无误后提交到master分支。

终端(terminal):可以输入git命令行。

每次拉取和推送的时候不用每次输入密码的命令行:git config credential.helper osxkeychain sourcetree。

检出(checkout):切换不同分支。

添加(add):添加文件到缓存区。

移除(remove):移除文件至缓存区。

重置(reset):回到最近添加(add)/提交(commit)状态。

 

1、fork 项目:

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送_36

 

 

2、克隆本地

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_推送_37

 打开Git Bash输入仓库克隆命令:

 

git clone https:///liangtongzhuo/taro-ui.git

 

3、根据文档创建分支

拖进 SourceTree,基于 dev 创建分支如下图:

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_git_38

 

4、提交修改的代码到远程代码库

文章上面已经提到了使用SourceTree提交的相关操作,可参考:

https://www.cnblogs.com/Can-daydayup/p/13128633.html#_label5(或者Ctrl F:SourceTree代码提交)

当然也可以使用git命令提交:

 

git add .  --提交所有修改的文件到本地暂存区

git commit -m"fix(dos):修正文字 "   --提交到本地代码库

git push  --提交到github中的远程代码库

 

5、提交 Pull Request

第四步提交成功后,进入原来fork的仓库,点击 Compare

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_git_39

 

 

 提交你的说明,选择合并的分支即可,剩下等待合并。

全网最全面的SourceTree使用教程详解(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决,提交PR)_代码库_40


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 :
相关文章
  • Git可视化管理工具(SourceTree)使用操作

    Git可视化管理工具(SourceTree)使用操作
    俗话说的好工欲善其事必先利其器,Git分布式版本控制系统是我们日常开发中不可或缺的。目前市面上比较流行的Git可视化管理工具有Sour
  • 在VS Code中配置Git的完整步骤记录

    在VS Code中配置Git的完整步骤记录
    当你在 Windows 系统中安装了 Git,但仍然提示 安装后,请重新加载(或执行故障排除)。可以从商城安装其他源代码管理提供程序。 通常是VS
  • Jenkins git克隆代码超时问题的解决方案

    Jenkins git克隆代码超时问题的解决方案
    一、问题描述 在使用 Jenkins 首次进行服务部署的时候,如果我们项目的.git文件夹太大,可能会导致git clone失败。 在 Jenkins 构建时,如果没
  • Pulsar简介及集群安装过程介绍

    Pulsar简介及集群安装过程介绍
    一、Pulsar介绍 1.1 Pulsar基本介绍 pulsar是一个云原生企业级的发布订阅(pub-sub)消息系统,最初由Yahoo开发,并于2016年底开源,现在是Apache软
  • Chrome拓展(Chrome Extension)开发定时任务插件
    刚开始接触 Chrome Extension 开发时,我以为实现定时任务只需要简单调用 setInterval 就行,没想到这个看似简单的功能让我踩了不少坑。今天我
  • HarmonyOS系统利用AVPlayer开发视频播放功能

    HarmonyOS系统利用AVPlayer开发视频播放功能
    随着HarmonyOS生态的不断壮大,开发者在构建应用时越来越需要集成丰富的媒体播放功能。本文将详细介绍如何在HarmonyOS系统中利用功能强大
  • 鸿蒙中Axios数据请求的封装和配置方法

    鸿蒙中Axios数据请求的封装和配置方法
    适用于(HarmonyOS NEXT/5.0/API12+) 1.配置权限 应用级权限和系统级权限 2.配置网络请求的代码 1 2 3 requestPermissions: [ { name: ohos.permission.INTERNET } ],
  • 鸿蒙中@State的原理使用详解(HarmonyOS 5)

    鸿蒙中@State的原理使用详解(HarmonyOS 5)
    一、@State在鸿蒙中是做什么的? @State是 HarmonyOS ArkTS 框架中用于管理组件状态的核心装饰器,其核心作用是实现数据驱动 UI 的响应式编程模
  • kali虚拟机破解root密码的步骤

    kali虚拟机破解root密码的步骤
    kali虚拟机破解root密码 前言 kali6.6.15版本破解root密码,其他版本也可以根据这个步骤去尝试,方法大致是一样的。 一、重启(或者开机)
  • kynet.call使用介绍
    skynet.call 详细解析 1. 函数签名与参数 函数签名: 1 skynet.call(addr, typename, ...) addr:目标服务的地址(整数或字符串形式的服务名)。 typena
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计