# 實作(Github + SourceTree) 1. 在開發環境開啟新專案 ex. Xcode (New Project: Test) ![](https://i.imgur.com/l2Pa6lr.jpg) --- 2. 開啟SourceTree 並登入你的 GitHub SourceTree->Preferences->Accounts->Add... ![](https://i.imgur.com/r7Odasv.png) --- 3. 將剛剛的新專案加到本地git版控 ![](https://i.imgur.com/Sr8YMGS.png) --- 4. 找到剛剛建立的專案位址 ![](https://i.imgur.com/m2mcsYa.png) --- 5. 可以看到現在 Local 頁籤,master 前面的數字表示你還沒Commit 到版控的檔案數量 ![](https://i.imgur.com/n3QQE35.png) --- 6. 點進該專案可以看到下面詳細的內容 這時候可以勾選要將哪些檔案加到版控之中 接著在下面輸入這次更動的註解,完成後點選右下角的 Commit ![](https://i.imgur.com/drPUmUc.png) --- 7. 就可以看到你把這個專案加到"本機端"的版控之中了 ![](https://i.imgur.com/LSLhkFH.png) ---- ### Remote 端版控流程 當你完成了本地端的版控流程之後, 再利用雲端服務來進行Remote的Git版控 這邊用[GitHub](https://zh.wikipedia.org/wiki/GitHub)來做示範, 你的程式碼將會是公開的 任何人都可以看到你發布的內容 因此如果具有機密性的專案就要升級成付費版 或是不要放在GitHub,選擇其他的服務供應商,如:Bitbucket --- 1. 到GitHub上 右上角(New)新增一個 Repository ![](https://i.imgur.com/NrzrFyJ.png) --- 2. 名稱就和剛剛本地端的相同即可 ![](https://i.imgur.com/7ka7Hrt.png) --- 3. 完成後會看到這樣的畫面 這邊我們會需要的是Https的URL 接者把該URL複製下來 ![](https://i.imgur.com/LhEB4il.png) --- 4. 回到SourceTree 在該專案右上角點選Settings->Remotes->Add Remote name 輸入剛才新增專案的名稱 如果和本地的名稱不同,這邊要輸入Remote端的Name 然後貼上URL、選擇服務供應商(GitHub)...等 ![](https://i.imgur.com/DzcJCmJ.png) --- 5. 確認: 以上的動作是將你的 Local Repository 關聯到 Remote Repository 但是你的檔案還沒上到遠端! ![](https://i.imgur.com/QHYECSJ.png) --- 6. 將檔案傳到Remote 的動作稱作 Push 接下來就是要將本地的檔案Push上去 點選你目前的進度 也就是master 的地方 然後點 Push ![](https://i.imgur.com/qr1xyS9.png) --- 7. 確認之後你的檔案就會傳到雲端做版控 ![](https://i.imgur.com/IIL5uf9.png) --- 8. 完成後到左邊REMOTE頁籤查看 可以看到你遠端目前的專案進度 ![](https://i.imgur.com/T3mBQ2Q.png) --- 9. 此時再回到GitHub網站上 就可以看到你Push上去的檔案了 ![](https://i.imgur.com/3ZOb4AS.png) #### 那麼我們如果修改或是新增程式碼,該怎麼在Remote更新? ---- ## 更新流程 假設今天你在IDE中對程式碼做了更動 ex.多了一些註解、或是新的功能...等 ![](https://i.imgur.com/XKHMQ7R.jpg) --- 1. SourceTree 就會偵測到你的程式變更 幫你標上底色 清楚看到差異在哪裡 ![](https://i.imgur.com/viMpaSq.png) --- 2. 和之前流程相同 把變更完確定要上傳的部分打勾 並且加上這次變更的註解 然後 Commidt ![](https://i.imgur.com/Hr95B9Q.png) --- 3. 注意! 現在一樣程式只在Local 端的版控異動而已 所以接下來需要 Push 到 Remote ![](https://i.imgur.com/BaxMmYx.png) --- 4. 方法和前述相同 ![](https://i.imgur.com/m0Z01vK.png) --- 5. 完成之後查看你的 REMOTE 頁籤 就可以發現多了一個新的節點 這個節點就是你這次Push之後新增出來的 ![](https://i.imgur.com/743WIdK.png) --- 6. 隨著你的程式逐漸增長,持續Push 節點也會跟著變多 培養做版控的習慣,就算以後不小心改爛了 還可以還原到某個時間點的程式碼狀態! --- ## 這樣就完成了基本的雲端版控流程了!