###### tags: `Workshop` `Azure DevOps` `Azure Repo` # Hands-on: Source Code Control and Azure Repo ## 1/ 版本控制 ### 匯入範例程式碼 - 點選左方欄位 Repo 底下的 **[Files]**,點選頁面中的 **[Import]** ![](https://i.imgur.com/YKFDeYX.png) - 複製以下連結貼到 **[Clone URL]** 中 ``` https://github.com/huier23/AspNetCoreSample.git ``` - 完成後點選 **[Import]** ![](https://i.imgur.com/sTGcm4H.png =350x) - 顯示正在進行匯入 ![](https://i.imgur.com/N1bJUgO.png) - 完成後會看到成功畫面並且跳轉到匯入的程式碼 ![](https://i.imgur.com/RAwPZ0c.png) ### Pull Request 練習 - 點選頁面上方的 **[master]**,點選 **[+ New Branch]** ![](https://i.imgur.com/elZK7AB.png) - 建立一個 `dev` 分支,點選 **[create]** ![](https://i.imgur.com/FhQrorK.png =350x) - 建立完成後會看到上方分支已經切換到 `dev` ![](https://i.imgur.com/mUuGRDb.png) - 修改 **[README]** 檔案 ![](https://i.imgur.com/yAmLjKK.png) - 點選 **[Edit]** 可以開始修改 ![](https://i.imgur.com/o71lfPC.png) - 在文件中最下方填入任意文字,這邊示範填入 `## pull request teset`,然後點選右上角 **[commit]** ![](https://i.imgur.com/AzKl9AH.png) - 會跳出 Commit 視窗,點選 **[Search work items by ID or title]**,尋找到先前建立的 task `修改 README`,完成後點選下方的 **[Commit]** ![](https://i.imgur.com/FMLjNrA.png =400x) - 點選左方選單 Repos 下的的 **[Commits]** 可以查看程式碼的歷史 commit 紀錄 ![](https://i.imgur.com/YzRukzB.png) - 點選左方選單 Repos 下的的 **[Branches]** 可以查看程式碼的分支紀錄 ![](https://i.imgur.com/HJX6EDK.png) - 點選左方選單 Repos 下的的 **[Pull Request]**,點選上方通知訊息條的 **[Create a pull request]** ![](https://i.imgur.com/urUGwfO.png) - 確認是從 `dev` 合併到 `master` ![](https://i.imgur.com/aPR2Whu.png =450x) - 在 **[Reviewers]** 的欄位搜尋並選擇自己 ![](https://i.imgur.com/MVPl2CE.png =400x) - 點選 **[Create]** ![](https://i.imgur.com/PwSCVVO.png =400x) - 接著會跳轉到 pull request 的 review 畫面,點選右上角的 **[Approve]** ![](https://i.imgur.com/MAEeMQX.png) - 點選旁邊的 **[Complete]** ![](https://i.imgur.com/VksU22p.png) - 確認 **[Delete dev after merging]** 是勾選狀態,並點選下方的 **[Complete merge]** ![](https://i.imgur.com/AqbSHI9.png =350x) - 完成畫面 ![](https://i.imgur.com/qtVhbUi.png) - 回到 **[Files]**,查看 **[README]** ![](https://i.imgur.com/dkeemQb.png) - 在 master 上,已經更新為剛剛的修改的版本 ![](https://i.imgur.com/r9dzXsg.png)