在 VS Code 中，如何查看包含暂存/未暂存更改的文件列表，其中单击条目会打开比较/差异视图？

Question

我正在寻找代码的插件或功能来查看所有已更改的文件和更改，正如我们在 SourceTree --> 文件状态功能中看到的那样，我附加了一个屏幕截图来演示我想要的内容，很容易查看使用此功能更改的文件无需遍历所有项目树视图。我搜索了插件，但没有看到单个插件执行此操作，有非常好的插件，但它们显示文件中的更改，不会列出项目文件夹中的所有更改。原因是我不想为此离开我的 IDE。

我知道这个不错的功能在 Visual Studio 代码中突出显示文件树中已更改的文件

Answer 1

也许Git Lens和具体部分是看下

Repositories --> <Name of your repo> --> <x files changed>

？如果您单击其下的特定文件，则可以看到类似于 SourceTree 的更改。

我点击了

Piece.jsx

文件，编辑器向我显示了差异。

此外，如果您想像屏幕截图一样查看内联差异，可以通过在 Git Lens 的用户设置中取消选中此设置来实现

Answer 2

如果您在当前分支上推送代码，则只需检查该特定文件的时间线即可。

Answer 3

在 Git Lens 中，当在您的分支上时。在“提交”->“将工作树与 进行比较”下，您可以将分支与主分支进行比较。 因此，当将分支与主分支进行比较时，在“将工作树与主分支进行比较”下，针对“已更改的文件”，它会显示已更改的文件数量，并具有已在分支中编辑的文件的树形列表。

从列表中选择任何文件都会打开文件（来自分支）与主文件的差异视图

Answer 4

VS Code 有这个内置功能。这是源代码控制视图。在活动栏中，其图标看起来像 /。您可以单击它，或使用命令面板的

Source Control: Focus on Source Control View

命令。

它显示工作区中的所有存储库，并为每个存储库列出具有暂存更改的文件部分和具有未暂存更改的文件部分。单击文件将打开一个选项卡，突出显示这些更改。

在 VS Code 1.85 中，甚至有一个按钮可以在一个选项卡（“多差异编辑器”）中显示这些更改的概览差异。请参阅相关发行说明和相关问题单。

可以在此处找到 VS Code 源代码控制功能的文档。