在 HTCG 2015/10/4 的聚會中，向大家介紹版本控制系統的重要性，以及帶給大家 git 的教學，從基本概念提起，直接以實例來展示。 說明了簡單的 git init, add, commit, push, pull, remote, rebase, blame 等功能展示

1. 連哈秋都懂的Git教學
2015/10/04@HTCG
hydai<hydai@gapp.nthu.edu.tw>

2. 投影⽚片授權
• CC by-nc 3.0
• 你可以分享、改作
• 不能拿去做商業運⽤用喔！
• creativecommons.org/licenses/by-nc/3.0/tw/

3. 哈秋是誰？
我實習公司的貓貓
好萌好可愛
喜歡⽤用側邊磨蹭
好萌好可愛
會指揮貓奴跟他玩或進貢⻝⾷食物
好萌好可愛
hachu.cat

4. 潛規則
DEMO 失敗要記得⿎鼓掌（Ｘ）
⼝口誤都是事先 set 好的（Ｘ）
廢話太多可以⽤用眼神打斷我（Ｘ）
歡迎多問問題（Ｏ）

5. 先來做⼀一下調查

6. ⽤用過 Git 的舉⼿手

7. 聽過 Git 的舉⼿手

8. 你有過這種經驗嗎？

9. ⽼老師說：
基礎功能完成以後，
可以繼續做加分功能

10. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

11. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

12. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

13. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

14. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

15. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

16. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

17. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

18. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

19. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

20. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

21. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

22. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

23. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

24. 來源：
寫程式？那些⽼老師沒教的事
2012/07/15 @StudyArea-Taichung
畢⽟玉泉 (⼩小畢/CrBoy) <crboy@crboy.net>

25. 做 Project 的時候
有時候就不是⼀一個檔案的事了

26. 最初的資料夾

27. 沒想到有 Bug 只好標⽰示⼀一下

28. 解掉 Bug 了，複製⼀一份新的⽐比較安全

29. F**K ⼜又有 Bug 了，再來⼀一份

30. 不⾏行，我忘記哪個是最新的了，加上版本號好了

31. 版本越來越多

32. 終於 Final 版出來了

33. 有 Bug 我再繼續修

34. Final 後還有 Final…
有時候有更多的 Final…

35. 做 Project 的時候
有時候也不是⼀一個⼈人的事了吧（？）

36. 多⼈人協作的時候怎麼辦？

37. A ⽅方案：
我們各改各的，最後再來融合

38. 功能融合不起來？！！！

39. 功能融合不起來？！！！
G_G

40. B ⽅方案：
別怕，只要⽤用 Dropbox 同步
我們就可以同時改⼀一份 Code

41. 你他Ｏ的把我的 Code 蓋掉啦？！

42. 你他Ｏ的把我的 Code 蓋掉啦？！
G_G

43. 所以我們想解決什麼？

44. ⺫⽬目標
隨時可以回到純真年代，在 Code 被修改之前
協作時， Code 不會意外的被蓋掉
容易找戰犯 我是說可以查詢歷史紀錄
可以控管很多很多種版本（交作業⽤用、借⼈人抄⽤用）

45. 版本控制系統因⽽而誕⽣生

46. Version Control System

47. Repository -> 數據庫，紀錄歷史的地⽅方
Local -> 本地端，通常個⼈人使⽤用的地⽅方
Remote -> 遠端，通常是⼀一個共⽤用的伺服器
在介紹前，先看看專有名詞

48. VCS ⼤大體可以分兩種

49. Centralised VCS
Repository
Server (remote)
Copy
User#1
Copy
User#2
commit
update commit
update

50. Distributed VCS
Repository
Server (remote)
Copy
User#1
Copy
User#2
Repository Repository
Push
Pull
Push
Pull
Update Commit Update Commit
Local Local

51. 今天的主⾓角 - Git

52. Distributed VCS
Repository
Server (remote)
Copy
User#1
Copy
User#2
Repository Repository
Push
Pull
Push
Pull
Update Commit Update Commit
Local Local

53. ⼤大概像是⼀一位歷史學家

54. git <command> [arguments]
git <command> --help 看到指令的提⽰示
⼀一招⾛走天下

55. 切換到你想要做版本控制的地⽅方
打上 git init
這位歷史學家就會進駐囉！
建⽴立 Repository

56. 當已經有歷史存在時，可以把過去的歷史繼承下來
git clone <url>
就可以把別⼈人的 repo 複製⼀一份下來囉
已經存在的 Repository

57. 很安全的基礎指令
查看⺫⽬目前狀態： git status
查看歷史紀錄： git log
查看檔案差異： git diff
查看特定紀錄： git show

58. Git 寫歷史的流程
來源：
http://git-scm.com/about/staging-area
當前的⼯工作環境
數據庫
準備進⼊入數據庫的階段

59. 將修改放⼊入 Stage 階段
git add <file/folder>
git add -A #⼀一次加全部，但是要⼩小⼼心

60. 將修改移出 Stage 階段
git rm --cached <file>
git rm -r --cached <folder>

61. 將修改放⼊入 repository
git commit -m "message"
適合 commit message 很短的時候
git commit -a
將打開互動式編輯器，寫上 commit message
存檔離開以後就完成啦！

62. commit message 錯誤範例

63. commit message 建議習慣
第⼀一⾏行是主題，盡量在五⼗十個字元內寫完
空⼀一⾏行
第三⾏行是細節，解釋更多資訊
盡量⼀一⾏行不要超過七⼗十⼆二的字元

64. Git 寫歷史的狀態
來源：
https://ihower.tw/git/basic.html

65. 不想被加進去的檔案
寫進去 .gitignore 的檔案中
通常我們不會把以下檔案放進去 repo 中
暫存檔案
個⼈人設定檔案
編譯產⽣生的檔案
很棒的 gitignore 整理：https://github.com/github/gitignore

66. 今天的配⾓角 - GitHub

67. GitHub
章⿂魚貓
可以存放 Git 的 repo
強⼤大的 issue tracking system
⼀一⼤大堆開源軟體
學⽣生專案快去⽤用呀～～～
education.github.com/pack

68. 在 GitHub 上建⽴立 repo

69. git remote <sub-command>
git remote add <remote-name> <url>
設定 remote

70. git push <remote-name> <branch-name>
推上 remote 吧！

71. Push 的時候要注意

72. hint: Updates were rejected because the
tip of your current branch is behind
Push 失敗的訊息

73. 這時候就⽤用等⼀一下要講的 Pull

74. 絕對不要這麼做
git push --force

76. git pull <remote-name> <branch-name>
pull 其實是 fetch + merge
所以會多出⼀一個點表⽰示與 remote 融合
git pull --rebase 則是會⽤用 rebase 取代 merge
git log 出來的圖會⽐比較好看
從 remote 把最新的版本拉下來吧

77. 通常 pull 有機會遇到這個情況
你跟朋友同時改了同個檔案
然後就 conflict 了

78. 如何解 conflict ?
你可能會看到這個樣⼦子：
<<<<<<<<<<<<< HEAD
XXXXXXXX
=============
OOOOOOOO
>>>>>>>>>>>>> 8gh893sg897wgs897h

79. 如何解 conflict ?
想辦法合併以後就會變成這個樣⼦子：
XXOOXXXX
OOOXXXOO
存檔後就可以繼續 commit 了！

80. 想要修改已經 commit 的東⻄西？

81. git rebase -i HEAD~X
從某個 commit 開始調整
有請歷史學家～

82. 最後⽤用來傷感情的指令

83. git blame <file>
可以看到每⼀一⾏行是誰寫的，想賴都賴不掉
如何找戰犯

84. 參考資料

85. 初學⼊入⾨門專⽤用
• 互動式學 Git
• try.github.io
• 詳細教學⽂文＋實例操作
• backlogtool.com/git-guide/tw/
• 三⼗十天學 Git 系列
• github.com/doggy8088/Learn-Git-in-30-days

86. 參考資料
• 寫程式？那些⽼老師沒教的事
• blog.crboy.net/2012/04/release-slides-of-
code-smart.html
• ihower Git 教材
• ihower.tw/git/basic.html
• git-scm
• git-scm.com/about/staging-area

87. 有趣的⼩小東⻄西
• git-fire!!!
• github.com/qw3rtman/git-fire