写或看代码时,会需要对比两个文件,或两个文件对照着看,使用文件对比功能。

比较两个文件
选中两个文件--》点击View视图菜单--》compare files( 或者选中两个文件后,command + d 快捷键)
比较文件和剪贴板内的内容
将文件复制到剪贴板中--》项目文件树中选择要比较的文件--》点击右键--》compare with clipboard
比较左侧项目试图中的一个文件和当前编辑器激活状态文件的差异
右键左侧项目试图中的文件-->compare with editor ,则可以比较改文件和右侧正在编辑的文件的差异

使用project面板:

Compare two files
如果两个文件距离不远,可以一起选中,(mac)双击出现右键菜单 - Compare Files(或者⌘ + D)

Compare active editor with a project file
编辑器打开其中一个文件,在项目面板上另一个对比文件右键菜单 - Compare File with Editor


垂直分割左右文件视图,对比左右文件

设置⌘,keymap快捷键,与左右视图有关的常用命令(自定义):

split and move right ⌥ R 拆分窗格,并将当前编辑器中的文件移动到右边

move to opposite group ⌥ M 将当前编辑器聚焦的文件移动到窗格的另一边

unsplit ⌥ S 取消拆分

左右分窗格显示两个文件后,取一个文件,全选内容,复制⌘C

另一个文件获得编辑焦点,右键菜单 - Compare with Clipboard 打开对比视图窗口


对比任意文本内容

双击shift - 点击 Actions标签页

输入Diff, 在提示下拉列表中,选择 Open Blank Diff Window,打开空白对比视图

将要比较的文本内容分别拷贝到左右两边

webstorm更多相关内容
版本 2019.3