VSCode的“文件比较”功能：轻松找出代码差异_网络技术

发布时间 - 2026-01-03 00:00:00 点击率：次

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

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

本文运行环境：MacBook Air，macOS Sequoia。

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

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

1、按下 Cmd + Shift + P（Windows/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将启动并直接加载比较视图，无需手动打开任何文件。