【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

0.前言

Git(https://git-scm.com)是一个免费开源的分布式版本控制系统,其最初在2005年由Linux之父Linus使用C语言开发,目的是为了很好的管理Linux内核的源代码,之后,Git日臻成熟完善,得到了广泛的应用。

VS Code内置了对Git的支持,可以使用图形化界面方便的进行版本控制,比如暂存,提交更新,推送,拉取这些常规操作,但是前提是电脑上必须安装了Git并且你了解Git的常用操作
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

1.设置git.path

Git的安装可以自行百度,在安装过程中有一步如下:
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制
大多数人经常使用的是Git自带的命令行工具Git bash,为了不影响其它windows命令,安装时会选择第一个,那么,VS Code启动后是找不到Git所在位置的,必须要自己设置git.path,否则打开Git存储库(如果是普通文件夹,请先使用git init初始化为Git仓库)会出现如下提示:
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制
切换到源代码管理视图,也可以看到错误提示:
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制
解决方法如下:

  1. 使用Ctrl+Shift+P打开命令面板,输入setting,选择首选项:打开设置(json)
    【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制
  2. 添加git.path一项,目录为当前电脑上git.exe所在目录,如图:
    【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制
  3. 保存,重新用VS Code打开Git存储库:
    【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

2.本地库基本操作

2.1.修改文件

对本地库进行修改,创建一个新的test.c文件,并添加一段代码,可以看到VS Code会自动显示出更改
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

2.2.暂存修改

在命令行中将当前修改暂存使用命令git add <文件名>,但在VS Code中,可以以图形化方式操作,并且可以清楚到当前暂存区和修改区的内容:
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

2.3.提交更新到本地库

同样,在命令行中将暂存区内容提交到本地库使用命令git commit -m <提交信息>,在VS Code中,可以以图形化方式操作:
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制
点击提交按钮之后,会弹出输入提交信息的对话框,输入提交信息即可:
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制
修改区和暂存区内容清空,如图:
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

3.安装Git扩展添加更多功能

VS Code内部集成的Git仅仅支持一些基本操作,我们可以安装Git扩展来支持更多功能,比如git-extension-pack这个扩展:
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

在VS Code扩展搜索git,选择该扩展,安装:
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

3.1.查看提交历史

【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

3.2.随时查看当前内容的状态

【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

3.3.随时查看仓库状态

【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

3.4.查看文件差异

【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

4.远程库操作

注:如果本地的存储库是克隆下来的,或者已经手动添加了远程库地址,则可以直接进行推送和拉取操作。

4.1.在Github上新建一个远程库

【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

4.2.添加远程库

使用Ctrl+Shift+P打开命令面板,输入git add,选择添加远程库
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制
填写远程库地址的别名
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制
填写远程库地址:
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

4.3.推送内容到远程库

【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制

5.更多Git操作

至此,使用VS Code配合Git进行一些本地库和远程库基本操作就讲述完了,些许有些意犹未尽,其实,VS Code内置的Git扩展还有很多命令可以执行,比如:初始化本地库,克隆远程库,拉取远程库内容等等,使用Ctrl+Shift+P打开命令面板,输入git即可看到所有,有兴趣的小伙伴可以自己尝试一下:
【宇宙最强编辑器VS Code】(九)使用VS Code + Git进行版本控制