VSCode中的文件比较(Diff)工具使用详解

19次阅读

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

VSCode中的文件比较(Diff)工具使用详解

如果您在VSCode中需要对比两个文件或暂存区与工作区的差异,VSCode内置的Diff工具可直接呈现逐行差异高亮、编辑联动与导航功能。以下是使用该工具的具体操作方式:

本文运行环境:macBook air,macOS Sequoia。

一、通过命令面板打开文件比较

VSCode提供快捷入口调用Diff视图,无需安装扩展即可启动双文件比对界面,支持任意本地文件路径输入。

1、按下 Cmd + Shift + Pwindows/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” 按钮,将该变更合并入左侧文件。

text=ZqhQzanResources