Git实用教程（九）| 使用VS Code进行Git可视化操作

Git实用教程专栏回顾

0. 使用VS Code进行Git可视化操作

VS Code内置了对Git的支持，可以使用图形化界面方便的进行版本控制，比如暂存，提交更新，推送，拉取这些常规操作，特别在比较文件差异方面有着得天独厚的优势，但是前提是：

• 已经安装了VScode并且了解其使用

• 电脑上必须安装了Git并且你了解Git的常用命令行操作

注：关于VScode可以查看我的10篇原创教程《宇宙最强编辑器VS code》。

1.设置git.path

Git的安装可以参考我的第二篇文章（Git实用教程（二） | Git简介及安装详解），在安装过程中有一步如下：

大多数人经常使用的是Git自带的命令行工具Git bash，为了不影响其它windows命令，安装时会选择第一个，那么，VS Code启动后是找不到Git所在位置的，必须要自己设置git.path，否则打开Git存储库(如果是普通文件夹，请先使用git init初始化为Git仓库)会出现如下提示：

切换到源代码管理视图，也可以看到错误提示：

解决方法如下：

1. 使用Ctrl+Shift+P打开命令面板，输入setting，选择首选项：打开设置(json)：
   

2. 添加git.path一项，目录为当前电脑上git.exe所在目录，如图：
   

3. 保存，重新用VS Code打开Git存储库：
   

2.本地库基本操作

2.1.修改文件

对本地库进行修改，创建一个新的test.c文件，并添加一段代码，可以看到VS Code会自动显示出更改：

2.2.暂存修改

在命令行中将当前修改暂存使用命令git add <文件名>，但在VS Code中，可以以图形化方式操作，并且可以清楚到当前暂存区和修改区的内容：

2.3.提交更新到本地库

同样，在命令行中将暂存区内容提交到本地库使用命令git commit -m <提交信息>，在VS Code中，可以以图形化方式操作：

点击提交按钮之后，会弹出输入提交信息的对话框，输入提交信息即可：

修改区和暂存区内容清空，如图：

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

VS Code内部集成的Git仅仅支持一些基本操作，我们可以安装Git扩展来支持更多功能，比如git-extension-pack这个扩展：

在VS Code扩展搜索git，选择该扩展，安装：

3.1.查看提交历史

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

3.3.随时查看仓库状态

3.4.查看文件差异

3.5. 切换当前分支

3.6. 查看分支之间的差异和合并分支

可以看到结果如下：

查看文件差异之后将分支合并到master，打开命令行输入git merge：

选择要合并到当前分支的分支：

如果可以自动合并失败，则会出现以下界面：

直接在编辑器中手动修改冲突，修改之后保存即可：

4.远程库操作

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

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

4.2.添加远程库

使用Ctrl+Shift+P打开命令面板，输入git add，选择添加远程库：

填写远程库地址的别名：

填写远程库地址：

4.3.推送内容到远程库

5.更多Git操作

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

推荐阅读：

更多精彩文章及资源，欢迎关注我的微信公众号：『mculover666』。