按ctrl+d或⌘command+d打开对比视图的前提是已手动多选两个文件标签;仅开一个文件时需右键project中目标文件选“compare with editor”;跨路径对比须右键编辑器空白处触发并手动选择路径;默认差异包含空白,可点击blank按钮忽略空格和空行。

直接按 Ctrl+D(Windows/Linux)或 ⌘ Command+D 就能打开对比视图,但前提是「你已经选中了两个目标」——不是快捷键失效,而是 WebStorm 要求明确指定比对对象。
已打开两个文件时:先多选标签再按 Ctrl+D
这是最常卡住的一步。WebStorm 不会自动猜你想比哪两个,必须手动选中编辑器顶部的两个文件标签:
- 按住
Ctrl(Windows/Linux)或⌘ Command(macOS),依次点击两个已打开的文件标签 - 保持多选状态,再按
Ctrl+D或⌘ Command+D - 差异查看器以并排模式打开,左侧为第一个选中的文件(只读),右侧为第二个(默认可编辑)
- 如果右侧无法输入,检查该文件是否被标记为只读:右键文件 → Properties → 取消勾选
Read-only
只打开一个文件时:用 Project 窗口右键“与编辑器比较文件”
这个入口比菜单栏里的 Tools → Compare Files 更可靠,因为它自动把当前编辑器内容设为左/基准侧:
- 确保目标文件已在编辑器中打开
- 在
Project工具窗口(Alt+1)中找到另一个待比对文件 - 右键该文件 → 选择
Compare with Editor - 注意:此时左侧是编辑器内容,右侧是项目文件;交换顺序需点击工具栏
↔按钮,不是快捷键
对比任意路径文件(含项目外):用“与编辑器比较文件”手动选路径
当文件不在当前项目结构内(如 /tmp/config.json 和 /home/user/backup.json),不能依赖 Project 窗口右键菜单:
- 先在编辑器中打开其中一个文件
- 右键编辑器任意空白处 →
Compare with Editor(该操作支持跨路径选择) - 弹出对话框后,手动浏览并选择另一个文件的完整路径
- 若提示
No content to compare,先确认两个文件都已保存(标签无*),且编码一致(底部状态栏显示均为UTF-8)
忽略空格和空行干扰:点 Blank 按钮切换忽略模式
默认对比会把末尾空格、缩进空格数不同、空行增删都标为差异,实际开发中多数只需关注逻辑变更:
- 在差异查看器右上角找到
Blank按钮(图标为两行带空格的文本) - 点击后选择
Ignore spaces and empty lines:彻底跳过所有空白差异 - 慎用
Trim trailing spaces:它只清理行尾空格,但不解决缩进空格数不一致的问题 - Code Review 时建议切回
Don’t ignore,避免漏掉意外的缩进污染
真正容易被忽略的是对比来源决定的可编辑性——不是左右位置,而是你启动对比的方式。用 Compare Files 选两个本地文件,交换后可编辑侧会跟着文件走;但用 Compare with Editor 启动,右侧永远是“当前编辑器副本”,哪怕你把它换到左边也一样。











