21 Git集成之版本控制视图

在上一篇中，我们讨论了 VSCode 中常用的 Git 操作，比如提交、推送和拉取等。现在让我们深入了解 VSCode 提供的版本控制视图，它可以帮助我们更好地管理和查看代码历史、跟踪变更以及解决冲突。

版本控制视图概述

版本控制视图是 VSCode 中的一个关键功能，可以通过侧边栏的 Git 图标访问。它提供了一个用户友好的界面，用于显示当前工作区的 Git 状态、变更文件、提交历史和分支管理。通过这个视图，你可以直观地看到不同文件的修改情况，并对版本控制操作进行管理。

启动版本控制视图

1. 在 VSCode 界面左侧，找到并点击 源代码管理（Source Control）图标，通常是一个分支的图标。
2. 你会看到一个包含所有待提交更改的面板。

在这个视图中，所有修改过的文件都会列出，你可以点击文件以查看具体的更改内容。

查看更改

• 当你点击某个文件时，VSCode 会打开一个分屏，左侧是原始文件，右侧是修改后的文件。这种对比视图使得查找代码变更变得更加直观。

• 例如，如果你的文件 app.js 进行了修改，点击后就能看到一个清晰的对比，标记出新增和删除的行。新增行一般显示为绿色，删除行显示为红色。

提交更改

在版本控制视图中，你可以进行以下操作：

• 选择文件进行提交：在版本控制视图中勾选你想要提交的文件，也可以点击顶部的加号来快速将所有更改文件准备好进行提交。

填写提交信息：在文本框中输入提交信息，确保信息简洁明了以便日后回顾。例如，你可以写下“修复用户登录问题”来清楚地表明这个提交的目的。

点击提交按钮：一旦你准备好，就可以点击提交按钮，或者使用快捷键 Ctrl + Enter（Windows）或 Cmd + Enter（Mac）。

查看历史记录

你可以通过版本控制视图访问项目的提交历史：

1. 在版本控制视图中，点击 ...（更多操作）。
2. 选择 查看历史（Show Git Output）或者 提交历史（View Commit History）。

这将打开一个面板，显示所有提交记录，包括作者、日期和提交信息。你可以在这里查看具体某个提交的详细改动。

分支管理

在版本控制视图，分支管理也是非常方便的：

• 查看当前分支：顶部会显示当前所在的分支名称。

• 切换分支：点击分支名称，会出现一个下拉菜单，列出所有分支，你可以直接选择切换。

• 创建新分支：点击 ...（更多操作），选择 创建分支（Create Branch），然后输入新分支的名称。

例如，你可以创建一个名为 feature/user-auth 的新分支来处理用户身份验证的相关功能。

合并与冲突解决

当你尝试合并分支时，如果存在冲突，VSCode 的版本控制视图会自动提示你。此时，你会看到以下几点：

• 冲突的文件会被标记，需要你手动解决。双击冲突文件，会看到冲突部分的标记。

• 你可以选择保留当前版本、接受合并版本，或者制定自己的解决方案。

解决完所有冲突后，你只需提交一次新的合并提交。

小结

通过版本控制视图，VSCode 为开发者提供了一个强大且直观的界面，帮助我们更方便地进行代码管理和协作。在掌握了基本操作后，你会发现，结合上篇常用 Git 操作，利用版本控制视图能够极大提升开发效率。

在接下来的内容中，我们将讨论如何自定义设置，包括用户设置与工作区设置，为你的开发环境创造一个更加个性化的体验。