使用GitHub（三）：使用VSCode+GitHub进行版本控制

使用GitHub（三）：使用VSCode+GitHub进行版本控制

• 本文简单介绍使用VSCode+GitHub进行项目或者代码的版本控制。本文主要目的是对学习内容进行总结以及方便往后查阅。
• 详细教程和原理能够参考廖雪峰的Git教程或猴子都能看懂的Git教程。
• 本文版权归马涛涛全部。
• 本文所引用的图片和文字版权归原做者全部，侵权删。
• 若有错误请在下方评论区指出，欢迎积极讨论。

---

使用原理

---

1 上节回顾

上一篇博客详细介绍了使用 git 的三种方式

• 只在本地使用
• 将本地仓库上传到 GitHub
• 下载 GitHub 上的仓库

以及如何上传更新到GitHub，你在本地目录有任何变更，只需按照如下顺序就能上传：

git add 文件路径
git commit -m "信息"
git pull  （必定不要忘记这一个命令）
git push

2 使用原理

本文所写的是使用VSCode中的GitHub功能，能够取代命令行中Git的四步更新的方式，简化上传步骤。

因此使用VSCode+GitHub进行项目或者代码的版本控制有如下两种方法：

1. 在本地使用Git仓库→将仓库上传到GitHub→VScode打开→手动进行4步
2. 在GitHub上新建仓库，下载仓库到本地→ VScode打开→手动进行4步

本文只记录从VScode打开以后的操做。

步骤

1. 使用VSCode打开项目或代码的仓库
   
2. 点击侧边栏的 源代码管理按钮，或者快捷键Ctrl+Shift+G，这时并无消息提示。

3. 这时咱们新建一个style_test.css文件，旁边会出现U的符号，意思是更新还没有上传到GitHub

4. 再次打开源代码管理，发现多了更新提示。
   
5. 这时就能够提交更新到GitHub了，做用同命令行中的git commit -m "new css file"
   
6. 最后一步是pull和push，分别等同于命令行中的git pull和git push
   
7. 查看GitHub，更新成功