VSCode的“文件比较”功能:轻松找出代码差异

16次阅读

vscode提供五种文件比较方式:命令面板启动、拖拽文件至标签页、右键菜单比较已打开文件、快捷键对比暂存区、终端命令行参数启动。

VSCode的“文件比较”功能:轻松找出代码差异

如果您在VSCode中需要对比两个文件的内容以识别具体修改位置,则“文件比较”功能可直接高亮显示行级和字符级差异。以下是使用该功能的多种操作方式:

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

一、通过命令面板启动文件比较

该方法适用于任意两个已打开或未打开的文件,不依赖当前编辑器焦点,支持跨文件夹路径匹配。

1、按下 Cmd + Shift + Pwindows/linux为 Ctrl + Shift + P)调出命令面板。

2、输入 Compare Active File With… 并回车。

3、在弹出的文件选择器中浏览并选中目标对比文件。

二、拖拽文件至编辑器标签页触发比较

此方式利用VSCode的拖放响应机制,自动识别两个文本文件并启动内建比较视图,无需额外命令调用。

1、在访达(Finder)中选中第一个待比对文件,按住鼠标左键拖入VSCode编辑器空白区域。

2、松开鼠标后,保持该文件标签处于激活状态。

3、再次从访达中拖入第二个文件,落在同一编辑器窗口的任意标签页上。

4、VSCode将自动切换至分屏比较界面,并高亮显示差异行。

三、右键菜单快速比较已打开文件

当两个文件已在编辑器中打开时,可通过上下文菜单直达比较功能,避免路径输入与面板搜索。

1、在左侧资源管理器中,按住 Cmd 键(windows/Linux为 Ctrl),依次点击选中两个目标文件。

2、右键任一已选中文件,在弹出菜单中选择 select for Compare

3、再次右键另一个已选中文件,选择 Compare with Selected

四、使用快捷键组合执行当前文件与暂存区对比

该方法专用于查看工作区文件与git暂存区(staging area)之间的差异,适用于代码提交前审查。

1、确保目标文件处于编辑器激活状态。

2、按下 Cmd + K 后立即松开,再按 Cmd + D

3、VSCode将打开与暂存版本的并排比较视图,新增/删除/修改内容以不同颜色区块标出。

五、通过终端命令行参数启动双文件比较

适用于从外部脚本或自动化流程中调用VSCode进行预设文件对比,支持绝对路径与相对路径。

1、打开终端(Terminal)应用。

2、输入命令 code –diff /path/to/file1.js /path/to/file2.js,替换为实际文件路径。

3、回车执行后,VSCode将启动并直接加载比较视图,无需手动打开任何文件。

text=ZqhQzanResources