WebStorm 9.0.2 Web Help

Differences Viewer

Project tool window | context menu of a file | Compare File with Editor
Project tool window | context menu of two selected folders | Compare Two Files

This dialog is displayed every time you explore differences between files (local history for folders, recent changes, version control, local files and their versions on a remote host, or just comparing files). So doing, you can compare files of any types, including binaries.

The differences viewer provides a powerful editor that enables code completion, live templates etc.

Item Tooltip and Shortcut Description
img Ctrl+C Click this button to copy the line at caret in the right pane to the Clipboard.
img Ctrl+F Click this button to initiate Finding text procedure and locate the specified string in the current file.
img or img F7 or Shift+F7 Click this button to move to next / previous difference.
Ignore whitespace Use this drop-down list to define how the differences viewer should treat white spaces in the text.
  • Do not ignore: white spaces are important, and the differences should be highlighted.
  • Leading and Trailing: Ignore the differences, if they appear in the end and in the beginning of a line.
  • All: white spaces are not important, regardless of their location in the source code.
comparePreviousFile.png Compare Previous File
Alt+Left
Click this button to compare the local copy of the previous file with its update from the server.

The button is available only when the Differences Viewer is invoked from the Update Project Info tab of the Version Control tool window or from the Apply Patch dialog box.

compareNextFile.png Compare
Next File
Alt+Right
Click this button to compare the local copy of the next file with its update from the server.

The button is available only when the Differences Viewer is invoked from the Update Project Info tab of the Version Control tool window or from the Apply Patch dialog box.

Highlighting mode Select the way differences are highlighted. Possible options are: by word, by line, or no highlighting.
autoScrollToSource Click this button to simultaneously scroll both differences panes; if this button is released, each of the panes can be scrolled independently.
help F1 Click this button to show reference page.
edit F4 Click this button to open in the editor a file from the active pane. So doing, the caret rests at the same character where it was located in the Differences viewer.
viewMode Click this button to reveal the drop-down list of available options (show or hide line numbers, indentation guides, white spaces, or soft wraps).
Ctrl+Tab Use this keyboard shortcut to switch between the panes of the Differences viewer.
icon_InsertReplace icon_InsertReplace2 Use these chevron buttons to apply differences between panes.
Legend Shows summary information about the encountered differences: number of differences found, and color map.

See Also

Last modified: 11 December 2014
comments powered by Disqus