iT邦幫忙

2022 iThome 鐵人賽

DAY 5
4
Modern Web

我的床邊故事Git and GitHub系列 第 5

第5夜 Git Graph 太好用!

  • 分享至 

  • xImage
  •  

晚安你各位好~
我是今天去看牙醫被白白挨了四針麻醉的程式小白柚子QAQ

即使如此還是準備開始來版控我的改編故事「三隻小豬」吧!
用最貼近生活周遭的方式具現化陌生的東西
所以沒有太多專業學術性的說法
如果你跟我一樣是小白
希望我的闡述方式讓你既明白又深刻
如果有資深大大路過,對於新手上路菜雞的我,歡迎給予指教與溫柔鞭策(⁎⁍̴̛ᴗ⁍̴̛⁎)
接續昨天結尾提到
其實git 還可以看到過去的編輯時間點、編輯者等等幾個重要資訊


commit 基本招

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

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

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

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

Git Graph


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

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

小結

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

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

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


上一篇
第4夜 Git基礎指令與使用情境
下一篇
第6晚 Git commit 大小事
系列文
我的床邊故事Git and GitHub31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
json_liang
iT邦研究生 4 級 ‧ 2022-09-15 19:41:52

明天我也要去看牙醫 怕!/images/emoticon/emoticon02.gif

yojijun iT邦新手 4 級 ‧ 2022-09-16 02:05:44 檢舉

牙醫真的讓人身心恐懼XD

2
雷N
iT邦研究生 1 級 ‧ 2022-09-16 09:50:00

想了解更多Git的線圖怎解讀 說故事

yojijun iT邦新手 4 級 ‧ 2022-09-16 14:52:05 檢舉

哇嗚 謝謝你的激發 沒問題我會試試!

黑修斯 iT邦新手 4 級 ‧ 2022-09-16 21:26:12 檢舉

me too +1

我要留言

立即登入留言