Learning to Use Git | WeiYuan

1. Learning to Use Git
2017/09/06 (Wed.)
WeiYuan

2. site: v123582.github.io
line: weiwei63
§ 全端⼯程師 + 資料科學家
略懂⼀點網站前後端開發技術，學過資料探勘與機器
學習的⽪⽑。平時熱愛參與技術社群聚會及貢獻開源
程式的樂趣。

3. Outline
§ Version Control
§ The History of Version Control
§ Installation
§ About Git
§ Work Flow
§ Git Flow
§ Git GUI and Repo Host
3

4. Discuss
1. 如何做程式碼的檔案管理？
2. 如果要開發新功能又不想覆蓋掉原本的版本怎麼辦？
3. 萬一改一改發現改壞了會怎麼做？
4. 想要請別人幫我檢查這樣寫法有沒有問題要如何分享？
4

5. Outline
§ Version Control
§ The History of Version Control
§ Installation
§ About Git
§ Work Flow
§ Git Flow
§ Git GUI and Repo Host
5

6. Version Control
6

7. Version Control
7
Backup
Synchronize
Record

8. WHY ?
§ 檔案被別⼈或⾃⼰覆蓋，甚⾄遺失
§ 想復原前幾天寫的版本
§ 想知道跟昨天寫的差在哪裡？
§ 軟體發⾏時，可以⽅便管理不同版本
8

9. WHY ?
§ 檔案被別⼈或⾃⼰覆蓋，甚⾄遺失
• 多⼈協作時，不會把別⼈的東⻄蓋掉
§ 想復原前幾天寫的版本
• 可以隨時復原修改，回到之前的版本
§ 想知道跟昨天寫的差在哪裡？
• 保留修改歷史記錄，以供查詢
§ 軟體發⾏時，可以⽅便管理不同版本
• 軟體發⾏，需要分成維護版跟開發版
9

10. How ?
10
DistributedCentralized

11. Outline
§ Version Control
§ The History of Version Control
§ Installation
§ About Git
§ Work Flow
§ Git Flow
§ Git GUI and Repo Host
11

12. 12
Localized
VCS
Centralized
VCS
Distributed
VCS

13. Localize VCS
• Cloud
• FTP
13

14. Localize VCS
• Cloud
• FTP
14
#Discuss： 你覺得「本地端」的版本控制可能會遇到什麼問題？

15. Centralized VCS
15
• CVS（Concurrent
Versions System）
• SVN（Subversion）

16. Centralized VCS
16
• CVS（Concurrent
Versions System）
• SVN（Subversion）
#Discuss： 你覺得「集中式」的版本控制可能會遇到什麼問題？

17. Distributed VCS
17
• Git

18. 18
Centralized Distributed

19. 19
Centralized Distributed

20. Outline
§ Version Control
§ The History of Version Control
§ Installation
§ About Git
§ Work Flow
§ Git Flow
§ Git GUI and Repo Host
20

21. Installation
21
1
2
3
$ brew install git

22. Installation
22
1
2
3
$ brew install git
• What is terminal?
• What is brew?

23. Config
23
1
2
3
$ git config --list
$ git config --global user.name "<name>"
$ git config --global user.email "<email>"

24. Config
24
1
2
3
$ git config --list
$ git config --global user.name "<name>"
$ git config --global user.email "<email>"
• Global Config
• Local Conig

25. Try it!
§ #練習：在你的電腦上確定 git 的安裝，並設定上⾃⼰的 git 資料。
25

26. Outline
§ Version Control
§ The History of Version Control
§ Installation
§ About Git
§ Work Flow
§ Git Flow
§ Git GUI and Repo Host
26

27. About Git
§ Git 由 Linus Torvalds （Linux 的核⼼開發者）所開發的新式版本
控制系統。Git為分散式版本控制系統，是為了更好管理Linux內
核⽽開發的。Git 可以把檔案的狀態作為更新歷史記錄保存起來。
因此可以把編輯過的檔案復原到以前的狀態，也可以顯⽰編輯過
內容的差異。⽽且，當有⼈想將編輯過的舊檔案上傳到伺服器、
覆蓋其他⼈的最新檔案時，系統會發出警告，因此可以避免在無
意中覆蓋他⼈的編輯內容。
27

28. § Repository
• Local
• Remote
28

29. § Working Tree
• Node/Blob/Flie
• Commit/Revision
29

30. § Working Directory
• Untracked
• Modified
§ Staging Area
• Staged
§ Git Directory(Repository)
• Committed
30

31. § Working Directory
• Untracked
• Modified
§ Staging Area
• Staged
§ Git Directory(Repository)
• Committed
31

32. § Branch
• merge
• conflict
• resolve
32

33. § Branch
• merge
• conflict
• resolve
33

34. § Fork
§ Clone
§ Pull
§ Push
34

35. 35
1
2
3
$ git status
$ git log
$ git diff

36. 36
1
2
3
$ git commit -C HEAD -a –amend 'new commit'
$ git reset HEAD~2
$ git revert HEAD~2

37. Outline
§ Version Control
§ The History of Version Control
§ Installation
§ About Git
§ Work Flow
§ Git Flow
§ Git GUI and Repo Host
37

38. 本機端的版本控制
38
1
2
3
$ mkdir demo & cd demo
$ git init # 初始化
$ ...
$ git status # 檢查目前的檔案狀態
$ git add . # 把所有更動過的檔案加入暫存區
$ git commit -a -m "<depiction>" # 存檔！

39. Try it!
§ #練習：修改上一次的 commit 訊息
39

40. Try it!
§ #練習：把新加入的檔案加到上一個 commit 版本內
40

41. Try it!
§ #練習：在 git 內加入一個空的目錄。
41

42. Try it!
§ #練習：在 git 內設定壹些項目不要被放到 repo。
42

43. Try it!
§ #練習： 取消 commit 。
43

44. Try it!
§ #練習： 回到上一個版本 。
44

45. 本機端的分⽀操作
45
1
2
3
$ git branch <branch_name>
$ git checkout <branch_name>
$ ...
$ git checkout master
$ git merge <branch_name>
• merge
• rebase

46. Try it!
§ #練習： 建立一個 branch，做一些變化，再 commit 一次。
46

47. Try it!
§ #練習： 將剛剛的 branch 合併回 master。
47

48. 遠端的版本控制
48
1
2
3
$ git clone <remote.git> <project>
$ cd <project>
$ git pull origin master
$ ...
$ git push origin master

49. Try it!
§ #練習： 從遠端拉 code 下來，做一些變化後 commit。
49

50. Try it!
§ #練習： 試著 push 上去，然後發現要先 pull 然後遇到衝突怎麼
辦？
50

51. 與別⼈⼀起協作
§ 1. clone -> pull -> commit -> push
§ 2. clone -> pull -> branch -> commit -> push -> pull request
§ 3. fork -> clone -> pull -> branch -> commit -> push -> pull request
51

52. Try it!
§ #練習： 使用 github 提供的 git 教學跑一次流程
52

53. Try it!
§ #練習：
1. 建立一個資料夾，進去之後初始化 git
2. 進行一些變更後，在 commit 一次
3. 開一個 branch，做一些變更後 commit
4. 切回去 master，做一些變更後 commit
5. 把剛剛開的 branch merge 回 master
6. 到 github 上面開一個新的專案，把剛剛的資料夾 push 上去
53

54. Try it!
§ #練習：
1. 在 github 上面開一個新的專案
2. 將專案 clone 下來
3. 進行一些變更後，在 commit 一次
4. 開一個 branch，做一些變更後 commit
5. 切回去 master，做一些變更後 commit
6. 把剛剛開的 branch merge 回 master
7. 把⺫前的資料夾 push 回 github
54

55. Try it!
§ #練習：承上題
1. 離開⺫前的資料夾，在 clone ⼀次剛剛的 github 專案
2. 開⼀個新的 branch，進⾏變更後 commit
3. 把這個 branch push 到 github 上⾯
4. 在 github 上，發起 PR，merge 回 master
5. 回到上⼀題的資料夾，進⾏變更後 commit
6. push 回 github 上⾯
55

56. Try it!
§ #練習：
1. fork ⼀份我的 github 檔案到你的 github 帳號
2. clone 下來，開⼀個 branch 進⾏⼀些變更後 commit
3. push 回去你的 github 帳號，發起⼀個 PR 回 我的 github 帳
號
56

57. Outline
§ Version Control
§ The History of Version Control
§ Installation
§ About Git
§ Work Flow
§ Git Flow
§ GitHub and GitLab
57

58. 58

59. 59

60. Outline
§ Version Control
§ The History of Version Control
§ Installation
§ About Git
§ Work Flow
§ Git Flow
§ Git GUI and Repo Host
60

61. Repo Host
61

62. Git GUI
62

63. Thanks for listening.
2017/09/06 (Wed.) Learning to Use Git
Wei-Yuan Chang
v123582@gmail.com
v123582.github.io