VSCode看Git差异比对需要什么视图_VSCode文件修改对比【绝招】-VSCode-PHP中文网

vscode内置git差异比对无需插件，但需分清视图语义：“compare with saved”仅比对未保存修改与磁盘文件，不涉及git；git面板（ctrl+shift+g）显示真实git变更，右侧对比为head vs 工作区；分支对比用“git: compare branches”命令，执行git diff a...b三点语法。

vscode看git差异比对需要什么视图_vscode文件修改对比【绝招】

VSCode 看 Git 差异比对，不需要额外安装插件就能开箱即用，但必须理解不同视图对应的不同对比语义——用错视图，看到的“差异”根本不是你想查的。

“Compare with Saved”只对比未保存修改，不是 Git 差异

这是最常被误用的入口。它只比较当前编辑器内容和磁盘上最后一次 save 的版本，完全不涉及 Git 提交历史或暂存区。

文件从未保存过 → 该选项灰色不可用（不是 bug）
已 git add 但没 git commit → 它仍只比对“上次保存”和“当前编辑”，忽略暂存状态
右下角显示编码为 GBK，而另一份是 UTF-8 → 行错位、大量误标红色/绿色，实际没改
想快速确认“我刚改的几行有没有手抖删错”，这个视图够用；想确认“这次提交到底改了哪些文件”，它完全不适用

Git 面板里的文件列表才是真正的 Git 变更源

打开 Ctrl+Shift+G 进入源代码管理视图，顶部列出的文件就是 Git 认为“有变更”的文件，颜色含义固定：

VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

绿色：工作区新增（未 git add）或已暂存的新建文件
红色：工作区删除（未 git add）或已暂存的删除
灰色：已暂存（git add 过），但还没 git commit
点击任一文件，右侧打开的对比视图左侧是 HEAD（上一提交），右侧是工作区 —— 这才是 Git 意义上的“当前修改”

“Git: Compare Branches”才是分支级差异的正确入口

命令面板输入 Git: Compare Branches（快捷键 Ctrl+Shift+P），选两个分支后，VSCode 会拉取它们的共同祖先，计算出所有差异文件并列出。

它背后执行的是 git diff branch-A...branch-B（三点语法），不是 ..，能排除共通提交干扰
结果里点开任意文件，对比视图左侧是 branch-A 对应版本，右侧是 branch-B 对应版本，可逐行审查
如果目标分支没出现在列表里，先 git fetch 同步远程分支信息，否则 VSCode 不知道它存在
不推荐直接在终端敲 git diff main feature/login --name-only 再手动打开文件 —— 效率低，且丢失上下文高亮和一键应用能力

diff 视图颜色看不清？优先调背景透明度，别碰语法高亮

默认的 diffEditor.insertedTextBackground 和 diffEditor.removedTextBackground 是半透明色，但部分主题可能覆盖掉。改前先确认你没开 files.ignoreTrimWhitespace（它会让空格变化不显示，导致“内容一样却标红”）。

在 settings.json 中加这段即可增强可读性：

{
  "workbench.colorCustomizations": {
    "diffEditor.insertedTextBackground": "#a3e63540",
    "diffEditor.removedTextBackground": "#f8717140"
  }
}