Day 06 - 今天只談 Git Add 及 Commit 的組合技 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

第 11 屆 iThome 鐵人賽

DAY 6

Software Development

用樂高玩轉 GIT 版本控制系列第 6 篇

Day 06 - 今天只談 Git Add 及 Commit 的組合技

11th鐵人賽樂高 git

墨嗓

2019-09-22 23:41:51

3017 瀏覽

接連的三天，談了 GIT 的操作區域區分為工作預備區、舞台區、儲存庫區，而後談 GIT 在這三個區域之間操作的 Add 及 Commit 指令，今天不談樂高，我們要繼續細談 Add 及 Commit 的組合技。

第一個範例：只有一個 hunk 一個 commit 的時候

當只有一個 Commit 的時候

如上面的動畫，當你只有一個檔案、一個檔案中的只有一個部分或多個檔案，但你只選一個 hunk 來作 commit 時，對於 GIT 底層的操作大致上就如上面的動畫操作。

首先，在工作預備區(動畫上的 Workspace)選取，透過 git add 指令，正式把該 hunk 加入到舞台區(動畫上的 Staging Area)，接著再透過 git commit 指令，把目前在舞台區的 hunk 寫上註解、說明等資訊，正式紀錄到儲存庫區(動畫上的 Local Repo/Master)。在儲存庫區上，也會產出一個 HASH Code 來標示並代表來自舞台區的這些變化。如動畫的最後，一個 HASH A 背後指向來自舞台區的 Hunk A。

P.S. GIT 底層的原理不只如此，這邊以概念呈現。

第二個範例：有三個 hunk 先選兩個 hunk 一起 commit 最後一個再一個 commit

當有三個hunk我選擇了其二commit

接著假設現在我們有三個 hunk 可以選擇，但，我們只想選擇其中的兩個，這時候透過 git add -p 的機制，我們可以選擇到我們想拉進到舞台區的兩個 hunk，其次一樣透過 git commit 指令，將這兩個 hunk 紀錄到儲存庫區，這時候 GIT 同樣協助產生一個 HASH Code，標示並代表這兩個 hunk。當然，還沒有進到舞台區的剩下那個 hunk，並不會被紀錄下來，因為它還沒被加入到舞台區，自然會被留下。

最後一個commit再次選入

接著繼續完成剩下 hunk 的紀錄動作，接續如第一個範例的流程，透過 git add 加入到舞台區，而後透過 git commit 紀錄這個變更想要紀錄的內容。

最後，我們來看一次範例一與範例二的動畫組合技。

組合技三個commit一起來秀

舉個例子

以 SourceTree 舉例，假設一開始的HTML原始碼如下

<html>
<head>
</head>
<body>

  <div>Apple 1</div>

  <div>Apple 2</div>

  <div>Apple 3</div>

</body>
</html>

如果這一天我新增修改成為以下的樣貌，分別在各個 apple 底下新增了兩行，我想把這三個部分如第二個例子分次新增進入到儲存庫：

<html>
<head>
</head>
<body>

  <div>Apple 1</div>
  <div>Apple 1-1</div>
  <div>Apple 1-2</div>

  <div>Apple 2</div>
  <div>Apple 2-1</div>
  <div>Apple 2-2</div>

  <div>Apple 3</div>
  <div>Apple 3-1</div>
  <div>Apple 3-2</div>

</body>
</html>

實際的範例操作動畫