VSCode内置Diff工具支持文件对比与暂存区比对,提供分栏/内联视图、快捷导航(Option+F5/F6)及原位编辑合并功能。

如果您在VSCode中需要对比两个文件或暂存区与工作区的差异,VSCode内置的Diff工具可直接呈现逐行差异高亮、编辑联动与导航功能。以下是使用该工具的具体操作方式:
本文运行环境:MacBook Air,macOS Sequoia。
一、通过命令面板打开文件比较
VSCode提供快捷入口调用Diff视图,无需安装扩展即可启动双文件比对界面,支持任意本地文件路径输入。
1、按下 Cmd + Shift + P(Windows/Linux为 Ctrl + Shift + P)打开命令面板。
2、输入 "File: Compare Active File With..." 并回车。
3、在弹出的文件选择器中,浏览并选中待比较的第二个文件。
4、VSCode立即以左右分栏形式展示差异,左侧为当前活动文件,右侧为选定文件。
二、使用资源管理器上下文菜单比较
在侧边栏资源管理器中,可通过右键快速发起比较操作,适用于已打开或未打开的文件,操作路径直观高效。
1、在资源管理器中,按住 Cmd 键(Windows/Linux 为 Ctrl)并点击选中两个文件,使其同时高亮。
2、右键任一选中文件,在上下文菜单中选择 "Select for Compare"(首个文件)和 "Compare with Selected"(第二个文件)。
3、Diff编辑器自动打开,顶部标签显示 "file1 ↔ file2" 标识。
三、比较暂存区与工作区版本
当使用Git时,VSCode可一键比对工作区修改内容与暂存区快照,用于确认即将提交的变更范围。
1、确保当前工作区已初始化Git仓库且存在未暂存更改。
2、点击左侧活动栏的源代码管理图标(分支图标),进入SCM视图。
3、在“CHANGES”列表中,右键某个已修改但未暂存的文件。
4、选择 "Open Changes",即打开工作区与暂存区的Diff视图。
四、启用内联差异模式
默认Diff以分栏方式显示,开启内联模式后,差异将压缩为单列,插入/删除内容以颜色块+波浪线标注,节省横向空间。
1、在已打开的Diff编辑器中,按下 Cmd + Shift + P 调出命令面板。
2、输入 "Toggle Inline View" 并执行。
3、视图立即切换为内联模式:新增行为绿色背景,删除行为红色背景加删除线,修改行为红绿并置。
五、跳转与编辑差异区块
Diff视图支持双向导航与原位编辑,修改任一侧内容会实时更新对比状态,并允许直接保存至对应文件。
1、将光标置于Diff编辑器任意差异区块内,按下 Option + F5(Windows/Linux 为 Alt + F5)跳转至上一个差异。
2、按下 Option + F6(Windows/Linux 为 Alt + F6)跳转至下一个差异。
3、在右侧(暂存区/目标文件)编辑任意行后,点击编辑器右上角的 "Accept Incoming Change" 按钮,将该变更合并入左侧文件。










