# 第7夜 Git Graph 太好用！


晚安你各位好～我是今天去看牙醫被白白挨了四針麻醉的程式小白柚子QAQ
即使如此還是準備開始來版控我的改編故事「三隻小豬」吧！

用最貼近生活周遭的方式具現化陌生的東西
所以沒有太多專業學術性的說法
如果你跟我一樣是小白
希望我的闡述方式讓你既明白又深刻
如果有資深大大路過，對於新手上路菜雞的我，歡迎給予指教與溫柔鞭策(⁎⁍̴̛ᴗ⁍̴̛⁎)

現在直接套用之前介紹的**三大起手式**就直接對著三隻小隻git下去吧

首先如上圖中，我先**在終端機為資料夾進行初始化**```git init```
第一個橘色框框內是我輸入的指令，
訊息馬上長出下面橘色長框框：有哦進行初始化三隻小豬這個資料夾

我的計畫是：我要改編故事，但我想要把原來的保留一份，
方便之後比對找源頭，事不宜時馬上進行暫存跟留言！
也就是```git add .``` & commit(就是```git commit -m""```)

圖片中藍色箭頭位置，這兩個指令可以說是連體嬰，接續執行的！
不然你放到暫存區（git add .）沒給名字，都是放心酸啦～～～
接下來我就在檔案中多做幾個改變跟commit 讓大家看看效果吧


為了方便操作，我們來下載VScode中的外掛
左側中藍色框框「延伸模組」給他點下去搜尋git gr...連都懶得打就出現了好讚
就是他Git Graph(畢竟我在寫文章，不能這麼懶我還是打出來了)

再來我們看看紅色箭頭，裝好之後未來大概都會長在下方紅色框框處，
只要你檔案有使用```git``` 基本上就會出現在那位置，
需要時再點它就會長出好像時間軸似的支線的分頁
喘口氣，還記得前面文章各種具現化的舉例嗎
看到這裡有沒有串起記憶了呢

裝這外掛，可以清楚追蹤git狀態


分成三區塊框框說明
(紅、橘、綠) => (圖像、commit訊息、資訊)

首先中間橘色框框內為每次commit的留言訊息
後面清楚記載是
誰commit的：「Committer」
時間戳記還有commit編號
左邊圖像則是有種時間軸一樣推進的圖表
中間部分，就是「commit訊息」，
是可以點開查看內文，甚至比較出差異性。



###### tags: `git`