[Day10] 学习笔记 - 使用 VS Code操作 Git ＆ GitHub

事前准备

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