14

使用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 pullgit push
    pullpush
  7. 查看GitHub,更新成功
    GitHub同步更新

风彻
1.5k 声望142 粉丝