Git圖形介面的使用

Git圖形介面的使用
導讀如果你已經掌握了不少使用 Git 命令列操作的知識。 你學會了操作本地檔案，通過網路連接你的倉庫，以及與他人進行有效率的合作。 但是故事並未就此結束；Git 通常只是更大的生態圈的一部分，在某些情況下使用終端並不是最合適的方式。 現在就讓我們來瞭解一下如何在其它類型的環境中更好地使用 Git，以及別的應用（包括你的）如何與 Git 進行協作。

圖形介面

Git 的原生環境是終端。 在那裡，你可以體驗到最新的功能，也只有在那裡，你才能盡情發揮 Git 的全部能力。 但是對於某些任務而言，純文字並不是最佳的選擇；有時候你確實需要一個可視化的展示方式，而且有些使用者更習慣那種能點擊的介面。

有一點請注意，不同的介面是為不同的工作流程設計的。 一些用戶端的作者為了支援某種他認為高效的工作流程，經過精心挑選，只顯示了 Git 功能的一個子集。 每種工具都有其特定的目的和意義，從這個角度來看，不能說某種工具比其它的“更好”。 還有請注意，沒有什麼事情是圖形介面用戶端可以做而命令列用戶端不能做的；命令列始終是你可以完全操控倉庫並發揮出全部力量的地方。

gitk 和 git-gui

在安裝 Git 的同時，你也裝好了它提供的視覺化檢視，gitk 和 git-gui。

gitk 是一個記錄的圖形化查看器，你可以把它當作是基於 git log 和 git grep 命令的一個強大的圖形操作介面，當你需要尋找過去發生的某次記錄，或是可視化查看項目曆史的時候，你將會用到這個工具。

使用 Gitk 的最簡單方法就是從命令列開啟，只需 cd 到一個 Git 倉庫，然後鍵入：

$ gitk [git log options]

Gitk 可以接受很多命令列選項，其中的大部分都直接傳給底層的 git log 去執行了。 --all可能是這其中最有用的一個, 它告訴 gitk 去儘可能地從任何引用尋找提交並顯示，而不僅僅是從 HEAD，Gitk 的介面看起來長這樣

gitk 曆史查看器

這張圖看起來就和執行 git log --graph命令的輸出差不多；每個點代表一次提交，線代表父子關係，而彩色的方塊則用來標示一個個引用。 黃點表示 HEAD，紅點表示尚未提交的本地變動。 下方的視窗用來顯示當前選中的提交的具體資訊；評論和補丁顯示在左側，摘要顯示在右側。 中間則是一組用來搜尋曆史的控制項。

與之相比，git-gui 則主要是一個用來製作提交的工具。 開啟它的最簡單方法也是從命令列啟動：

$ git gui

它的介面長這個樣子：

git-gui 提交工具

左側是索引區；未暫存的修改顯示在上方，已暫存的修改顯示在下方。你可以通過點擊檔案名稱左側的表徵圖來將該檔案在暫存狀態與未暫存狀態之間切換，你也可以通過選中一個檔案名稱來查看它的詳情。

右側視窗的上方以 diff 格式來顯示當前選中檔案發生了變動的地方，你可以通過右擊某一區塊或行從而將這一區塊或行放入暫存區。

右側視窗的下方是寫日誌和執行操作的地方，在文字框中鍵入日誌然後點擊 “提交” 就和執行 git commit 的效果差不多。如果你想要修訂上一次提交, 可以選中“修訂” 按鈕，上次一提交的內容就會顯示在 “暫存區”。 然後你就可以簡單的對修改進行暫存和取消暫存操作，更新提交日誌，然後再次點擊 “提交” 用這個新的提交來覆蓋上一次提交。

gitk 和 git-gui 就是針對某種任務設計的工具的兩個例子，它們分別為了不同的目的（即查看曆史和製作提交）而進行了精簡，略去了用不到的功能。

Mac 和 Windows 上的 GitHub 用戶端

GitHub 發布了兩個面向工作流程的 Git 用戶端：Windows 版，和 Mac 版。 它們很好的展示了一個面向工作流程的工具應該是什麼樣子——專註於提升那些常用的功能及其協作的可用性，而不是實現 Git 的所有功能，它們看起來長這個樣子：

GitHub Mac 用戶端

GitHub Windows 用戶端

我們在設計的時候就努力將二者的外觀和操作體驗都保持一致，因此本章會把他們當做同一個產品來介紹。 我們並不會詳細地介紹該工具的每一個功能（因為它們本身也有文檔），但請快速瞭解一下 “變更” 視窗（你大部分時間都會花在使用該視窗上）的以下幾點：

• 左側是正在追蹤的倉庫的列表；通過點擊左上方的 “+” 表徵圖，你可以添加一個需要追蹤的倉庫（既可以是通過 clone，也可以從本地添加）。
• 中間是輸入-提交區，你可以在這裡輸入提交日誌，以及選擇哪些檔案需要被提交。（在 Windows 上，提交曆史就顯示在這個地區的下方；在 Mac 上，提交曆史有一個單獨的視窗）
• 右側是修改查看區，它會告訴你工作目錄裡哪些東西被修改了（譯註：修改模式），或選中的提交裡包括了哪些修改（譯註：曆史模式）。
• 最後需要熟悉的是右上方的 “Sync” 按鈕，你主要通過這個按鈕來進行網路上的互動。

NOTE：你不需要註冊 GitHub 帳號也可以使用這些工具。 儘管它們是按照 GitHub 推薦的工作流程來設計的，並突出提升了一些 GitHub 的服務體驗，但它們可以在任何 Git 倉庫上工作良好，也可以通過網路連接到任意 Git 主機。

安裝

GitHub 的 Windows 用戶端可以從https://windows.github.com下載，Mac 用戶端可以從https://mac.github.com下載。 第一次開啟軟體時，它會引導你進行一系列的首次使用設定，例如設定你的姓名和電子郵件，它還會智能地幫你調整一些常用的預設設定，例如憑證緩衝和 CRLF 的處理方式。

它們都是“綠色軟體”——如果軟體開啟發現有更新，下載和安裝升級包都是在後台完成的，為方便起見它們還打包了一份 Git，也就是說你一旦安裝好就再也無需勞心升級的事情了。 Windows 的用戶端還提供了捷徑，可以啟動裝了 Posh-git 外掛程式的 Powershell，在本章的後面一節我們會詳細介紹這方面的內容。

接下來我們給它設定一些工作倉庫。 用戶端會顯示你在 GitHub 上有許可權操作的倉庫的列表，你可以選擇一個然後一鍵複製。 如果你本地已經建立了倉庫，只需要用滑鼠把它從 Finder 或 Windows 資源管理員拖進 GitHub 用戶端視窗，就可以把該倉庫添加到左側的倉庫列表裡面去了。

推薦的工作流程

安裝並配置好以後，你就可以使用 GitHub 用戶端來執行一些常見的 Git 任務。 該工具所推薦的工作流程有時也被叫做 “GitHub 流”。 我們在 GitHub 流程 一節中對此有詳細的介紹，其要點是 (a) 你會提交到一個分支；(b) 你需要經常與遠程倉庫保持同步。

兩個平台上的用戶端在分支管理上有所不同。 在 Mac 上，建立分支的按鈕在視窗的上方：

<img title="Git圖形介面的使用Git圖形介面的使用" alt="Git圖形介面的使用Git圖形介面的使用" data-cke-saved-src="https://git-scm.com/book/en/v2/book/A-git-in-other-environments/images/branch_widget_mac.png" src="https://git-scm.com/book/en/v2/book/A-git-in-other-environments/images/branch_widget_mac.png" '按鈕。"="" style="box-sizing: border-box; max-width: 100%; border-radius: 4px; vertical-align: middle; height: auto; margin: 10px auto; display: block;">

Mac 上的“建立分支”按鈕

在 Windows 上，你可以通過在分支切換掛件中輸入新分支的名稱來完成建立：

在 Windows 上建立分支

分支建立好以後，建立提交就變得非常簡單直接了。 現在工作目錄中做一些修改，然後切換到 GitHub 用戶端視窗，你所做的修改就會顯示在那裡。 輸入提交日誌，選中那些需要被包含在本次提交中的檔案，然後點擊 “提交” 按鈕（也可以在鍵盤上按 ctrl-enter 或 ⌘-enter）。

“同步” 功能是你在網路上和其它倉庫互動的主要途徑。 push，fetch，merge，和 rebase 在 Git 內部是一連串獨立的操作, 而 GitHub 用戶端將這些操作都合并成了單獨一個功能。 你點擊同步按鈕時實際上會發生如下這些操作：

• git pull --rebase。 如果上述命令由於存在合并衝突而失敗，則會退而執行 git pull --no-rebase。
• git push。

如果你遵循推薦的工作流程，以上就是最常用的一系列命令，因此將它們合并為一個讓事情簡單了很多。

小結

這些工具是為其各自針對的工作流程所量身定做的，開發人員和非開發人員可以輕鬆地在分分鐘內就搭建起項目協作環境，它們還內建了其它輔助最佳實務的功能。但是，如果你的工作流程有所不同，或者你需要在進行網路操作時有更多的控制，那麼建議你考慮一下其它用戶端或者使用命令列。

其它圖形介面

除此之外，還有許許多多其它的圖形化 Git 用戶端，其中既有單一功能的定製工具，也有試圖提供 Git 所有功能的複雜應用。 Git 的官方網站整理了一份時下最流行的用戶端的清單http://git-scm.com/downloads/guis。 在 Git 的維基網站還可以看到一份更全的清單https://git.wiki.kernel.org/index.php/Interfaces,_frontends,_and_tools#Graphical_Interfaces

原文來自：https://git-scm.com/book/zh/v2/其它環境中的-Git-圖形介面

本文地址：http://www.linuxprobe.com/git-view.html