GitHub 客戶端

通過上一節的學習，我們知道了如何通過 Git 命令來操作 GitHub 代碼倉庫。有些 Git 基礎知識還不熟練的朋友可能會覺得用 Git 操作略顯吃力。不要著急，我們今天將會講解 GitHub 客戶端的使用方法，通過客戶端，與 GitHub 遠程代碼倉庫的互動將會變得更加簡單。

1. GitHub 客戶端是什么

GitHub 客戶端為用戶提供了一個基本的圖形界面，可以去處理大部分常用版本控制任務，可以創建版本庫，向本地版本庫遞交補丁，在本地和遠程版本庫之間同步等。

簡單來說就是你需要通過 Git 命令行完成的操作，現在通過在 GitHub 客戶端上的各種點擊操作就能夠完成，而且可以清晰看到修改內容之類的。

2. GitHub 客戶端安裝

由于本人電腦是 windows 系統，所以我接下來的講解都是以 github windows 客戶端為例，mac 系統下面的下載和操作方式基本也相似。

2.1 客戶端下載

方法一：官網下載

打開 GitHub 客戶端 官網，直接點擊下載即可。

方法二：離線下載

對于網絡不好的同學，官網下載的速度往往會特別慢，或者干脆直接失敗。就可以嘗試使用 離線安裝包 進行安裝。

2.1 客戶端安裝

客戶端安裝可以說是相當簡單了，只需要點擊下載好的安裝包就能自動安裝了，也不需要設置任何參數。

3. GitHub 客戶端使用

完成安裝后打開客戶端，可以看到如下界面：

圖中 3 個選項我都做了說明，第一個選項就是等同于 git clone 遠程代碼倉庫，需要登錄你的 GitHub 賬號，然后選擇我們之前創建的代碼倉庫，選擇一個本地工作目錄，確認下載。

倉庫 clone 完成后可以看到如下界面：

接一下我會一一解釋我在圖中標注的這些地方：

1. 當前你打開的代碼倉庫的名稱，也就是你剛剛 clone 下面的倉庫名；
2. 當前分支，我現在對于代碼倉庫的操作就是基于 master 分支；
3. 拉去遠程代碼倉庫的最新代碼；
4. 當前修改文件列表，你修改了哪些文件，就會展示在這里，因為我們是剛拉的代碼，沒有任何修改，所以這里列表是空的；
5. 代碼提交歷史，點擊 History，就可以看到當前分支的代碼提交記錄；
6. 用 vscode 打開本地代碼倉庫；
7. 點擊可以在文件夾中打開本地代碼倉庫；
8. 用瀏覽器打開遠程代碼倉庫的 GitHub 地址。

我們這里可以點擊用 VsCode 打開本地代碼倉庫，如果你的編輯器不是 VsCode 也可以用自己的代碼編輯器或者 IDE，打開剛才 clone 在本地的代碼倉庫。然后隨便修改幾行代碼，回到 GitHub 客戶端看看：

可以看到現在已經顯示出了我們剛剛的修改，是不是看著一目了然？
完成修改后，可以在左下角輸入 commit 信息，然后提交：

commit 成功后，之前上放的按鈕會變成這樣，提示你可以 push 到遠程代碼倉庫：

點擊提交之后，打開 History 列表看看有沒有我們剛才的提交記錄：

操作成功。直接使用 GitHub 是不是要比之前使用 Git 命令行簡單清晰多了呢？

4. 總結

本節我們學習了如何使用 GitHub 客戶端代替 Git 命令行來處理版本控制任務。工具雖好用了，不過建議大家平時也要多練習使用 Git 命令行，畢竟打好基礎還是很重要的。