事前準備

1. 安裝好 VS Code。
2. 擁有 GitHub帳號，並開好一個練習用的 repository。

參考資源：

1. VS Code官方下載頁面
2. ProgressBar進度條 - Github教學影片

將VS Code 連上 GitHub

1. 開啟 VS Code，此時可以在左邊選單的 檔案總管 或是 分支 的分頁選擇複製存放庫
   
2. 點擊 從GitHub複製 就會自動跳轉到瀏覽器授權畫面
   
3. 登入GitHub帳號成功授權後就會引導回到 VS Code
   
4. 可以開始建立新檔案和內容，並且切換分支頁面，這邊可以看到檔案後面會有一個英文單字，對應的意思如下
   • U - 新建檔案
   • A - 加入追蹤
   • M - 檔案相對上個commit版本有所變更
     ![https://ithelp.ithome.com.tw/upload/images/20210918/20129729EP1AK6nOui.png] (https://ithelp.ithome.com.tw/upload/images/20210918/20129729EP1AK6nOui.png)
5. 如果想用指令下也可以在 VS Code叫出終端機操作（使用指令或從上方工具列開）
   

Git基本操作

1. git add 特定檔案 - 對著檔案按下 ＋
   
2. git reset 特定檔案 - 對著檔案按下 －
   
3. git commit -m "message" - 在 訊息 欄位輸入 commit訊息，再按 ⌘ + Enter
   
   完成 commit之後可以注意到視窗左下方有顯示狀態新增了一個分支
   
4. git push - 在選單選擇 推送 即可，完成後左下角的上下箭頭符號和數字就會消失
   
   完成後也可以到 GitHub上看看自己操作的成果是否符合預期

輔助插件

推薦 Git Graph、GitLens

1. 切換到延伸模組的分頁就可以搜尋想要的插件安裝
   
2. Git Graph - 版控分頁多了一個按鈕，點下去就可以看到分支圖了
   
   
3. Git Lens - 版控分頁多了好幾個選單可以查看詳細資訊
   
4. 也可以參考 Will保哥 整理好的 pack，把常用的 Git 工具都收集在一起，一次裝完。

名稱: Git Extension Pack
識別碼: doggy8088.git-extension-pack
描述: Popular Visual Studio Code extensions for Git version control
版本: 0.1.1
發行者: Will 保哥
VS Marketplace 連結: https://marketplace.visualstudio.com/items?itemName=doggy8088.git-extension-pack