<!-- .slide: data-transition="zoom" --> <div style="font-size:70%"> 第一個commit === </div> --- <p style="text-align:right">By Ray</p> --- <!--  --> <img src="https://lh3.googleusercontent.com/9OJnL_MkWp_r8JI5qGGF-4YGIve9dR6XLDjyLmTatkfArBT5cYyY9zw29VNKxEMbXwaAE8L5FqI2y2R-212PprcNWIr2Iyp9RbjhPSuEjzyUOqu47_-fwTnu0XpoymsSVEiTwruu0-is27tyTAjG3muKn9PEzGXsNmdnd9U5JwGxPHMT5Zj_PfE9UMjjSD_K0BCuynhA3YKbiPsj_8FaClR9S8Jc9YIoeQkS3o17sO46PktAsWkJq1cbZM8Q6_n_WLJfhVW_bNdxRHq-d546CyJlbW8KW3oK8qFy6UiJ0J9rVuvmQqMUlWquUmnmFIsYMMZZ9KIwgxYb-5h1h4T0QX9heqUrGVIeqO_vNx5IE4LmWfkle1TxrnSBsbpl05SMZYev_UqnrM--SkLNF9-8VtFeYHwVqtCpiEzfyCzAgt1FAeXDBq0sdsxYZiCLThUOgzK7Mcx12pBK7U0vt6khYIGA3w6vcFqAnXJ0lhCJyCRNTGl0aiQYjGMYXe3Dx7Onru8YlRmJqNN4LlBXX3DJI2zZXEmwdScsAeuMjBGobSY3fkmLH-lJmyNbOH5Y3Wb8IEVJv2nyJ5pxpa_aIYVoXSfMlPyaibjcWOmMJX_Tx3SkqhlfdEs9uyP3onuy8tMRrkVikz3CLCHG5sCZZxBFIVAu_nHrvOA=w639-h1136-no" style="border: 0; background: transparent; width: 200px;"> ---- ## Ray Lee #### Backend Developer [GitHub](https://github.com/tn710617) | [My Blog](https://tn710617.github.io/) --- <!-- .slide: data-transition="fade-in concave-out" --> #### 為什麼要使用Git呢？ ---- #### Why would we use Git? ---- <div style="text-align:left"> <ul style="list-style-type:upper-alpha;list-style-position:outside"> <!-- .slide: data-transition="fade-in concave-out" data-background="#666666"--> <span><li>備份<!-- .element: class="fragment" data-fragment-index="1" --></li></span> <span><li>版本控制<!-- .element: class="fragment" data-fragment-index="2" --></li></span> <span><li>分享<!-- .element: class="fragment" data-fragment-index="3" --></li></span> </ul> </div> ---- <div style="text-align:left"> <ul style="list-style-type:upper-alpha;list-style-position:outside"> <span><li>Backup<!-- .element: class="fragment" data-fragment-index="1" --></li></span> <span><li>Reversion control<!-- .element: class="fragment" data-fragment-index="2" --></li></span> <span><li>Sharing<!-- .element: class="fragment" data-fragment-index="3" --></li></span> </ul> </div> ---- <!-- .slide: data-transition="fade-in concave-out" --> #### 從何開始呢？ ---- #### Where and how could we start? ---- <div style="text-align:left"> <ul style="list-style-type:dice;list-style-position:outside"> <!-- .slide: data-transition="fade-in concave-out" data-background="#666666"--> <span><li>安裝<!-- .element: class="fragment" data-fragment-index="1" --></li></span> <span><li>git init (建立git環境)<!-- .element: class="fragment" data-fragment-index="2" --></li></span> <span><li>git config --global user.name yourName / user.email yourEmail (設置使用者資訊)<!-- .element: class="fragment" data-fragment-index="3" --></li></span> </ul> </div> ---- <div style="text-align:left"> <ul style="list-style-type:dice;list-style-position:outside"> <span><li>install<!-- .element: class="fragment" data-fragment-index="1" --></li></span> <span><li>git init (Initialize git environment)<!-- .element: class="fragment" data-fragment-index="2" --></li></span> <span><li>git config --global user.name yourName / user.email yourEmail (Configure user information)<!-- .element: class="fragment" data-fragment-index="3" --></li></span> </ul> </div> --- <!-- .slide: data-transition="fade-in concave-out" --> #### 怎麼做一個commit出來？ ---- #### How could we make our first commit? ---- <div style="text-align:left"> <ul style="list-style-type:upper-roman;list-style-position:outside"> <!-- .slide: data-transition="fade-in concave-out" data-background="#666666"--> <span><li>git status(確認狀況)<!-- .element: class="fragment" data-fragment-index="1" --></li></span> <span><li>git add fileName(加你想要commit的檔案)<!-- .element: class="fragment" data-fragment-index="2" --></li></span> <span><li>git status(再次確認這是你要的)<!-- .element: class="fragment" data-fragment-index="3" --></li></span> <span><li>git commit(開始commit)<!-- .element: class="fragment" data-fragment-index="4" --></li></span> <span><li>:wq(輸入message後離開)<!-- .element: class="fragment" data-fragment-index="5" --></li></span> </ul> </div> ---- <div style="text-align:left"> <ul style="list-style-type:upper-roman;list-style-position:outside"> <span><li>git status(Check the situations)<!-- .element: class="fragment" data-fragment-index="1" --></li></span> <span><li>git add fileName(Add files you want for the commit)<!-- .element: class="fragment" data-fragment-index="2" --></li></span> <span><li>git status(Double check to make sure it's what you want)<!-- .element: class="fragment" data-fragment-index="3" --></li></span> <span><li>git commit(Make a commit)<!-- .element: class="fragment" data-fragment-index="4" --></li></span> <span><li>:wq(leave VIM after completing the message)<!-- .element: class="fragment" data-fragment-index="5" --></li></span> </ul> </div> --- <!-- .slide: data-transition="fade-in concave-out" --> #### 不會用VIM，可不可以避開它？ ---- #### I am not good at VIM, can I just avoid it? ---- <div style="text-align:left"> <ul style="list-style-type:square;list-style-position:outside"> <!-- .slide: data-transition="fade-in concave-out" data-background="#666666"--> <span><li>git commit<!-- .element: class="fragment" data-fragment-index="1" --></li></span> <span><li>-m<!-- .element: class="fragment" data-fragment-index="2" --></li></span> <span><li>'message you prefer'<!-- .element: class="fragment" data-fragment-index="3" --></li></span> </ul> </div> --- <!-- .slide: data-transition="fade-in concave-out" --> #### 每次都要加add好煩，可不可以省略它？ ---- #### It's a bit annoying to use `git add` every time, is it possible to omit it? ---- <div style="text-align:left"> <ul style="list-style-type:square;list-style-position:outside"> <!-- .slide: data-transition="fade-in concave-out" data-background="#666666"--> <span><li>git commit<!-- .element: class="fragment" data-fragment-index="1" --></li></span> <span><li>-am<!-- .element: class="fragment" data-fragment-index="2" --></li></span> <span><li>'message you prefer'<!-- .element: class="fragment" data-fragment-index="3" --></li></span> </ul> </div> --- <!-- .slide: data-transition="fade-in concave-out" --> #### 完成commit了，所以呢？ ---- #### I've completed a commit, and so? ---- <div style="text-align:left"> <ul style="list-style-type:upper-roman;list-style-position:outside"> <!-- .slide: data-transition="fade-in concave-out" data-background="#666666"--> <span><li>git log(查看歷史紀錄)<!-- .element: class="fragment" data-fragment-index="1" --></li></span> <span><li>如果你覺得資訊太多<!-- .element: class="fragment" data-fragment-index="2" --></li></span> <span><li>git log --oneline(這樣好多了吧？)<!-- .element: class="fragment" data-fragment-index="3" --></li></span> </ul> </div> ---- <div style="text-align:left"> <ul style="list-style-type:upper-roman;list-style-position:outside"> <span><li>git log(Check the history)<!-- .element: class="fragment" data-fragment-index="1" --></li></span> <span><li>If you think there is too much information<!-- .element: class="fragment" data-fragment-index="2" --></li></span> <span><li>git log --oneline(Is that much better now?)<!-- .element: class="fragment" data-fragment-index="3" --></li></span> </ul> </div> --- <!-- .slide: data-transition="fade-in concave-out" --> #### 還有呢還有呢？ ---- #### Anything else? ---- <div style="text-align:left"> <ul style="list-style-type:upper-roman;list-style-position:outside"> <!-- .slide: data-transition="fade-in concave-out" data-background="#666666"--> <span><li>git checkout SHA1s (回到過去)<!-- .element: class="fragment" data-fragment-index="1" --></li></span> <span><li>git checkout branchName (回到現在)<!-- .element: class="fragment" data-fragment-index="2" --></li></span> </ul> </div> ---- <div style="text-align:left"> <ul style="list-style-type:upper-roman;list-style-position:outside"> <span><li>git checkout SHA1s (Back to the past)<!-- .element: class="fragment" data-fragment-index="1" --></li></span> <span><li>git checkout branchName (Back to the present)<!-- .element: class="fragment" data-fragment-index="2" --></li></span> </ul> </div> --- <!-- .slide: data-transition="zoom" --> ## Q&A --- <!-- .slide: data-transition="zoom" --> ### 謝謝大家！ ### Thank you very much! ### ありがとございます。 --- ###### tags: `git` `簡報` `想知道嗎` `2018`