WebStorm 9.0.0 Web Help

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.

Tip

You can also open the difference viewer without running WebStorm. This is done through the following command:

<path to WebStorm executable file> diff <path_1> <path_2>

where path_1 and path_2 are paths to the files in question, which can be of various types, including jar.

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

Item Tooltip and Shortcut Description
img Ctrl+C or Ctrl+InsertCtrl+C or Ctrl+InsertCtrl+C or Ctrl+InsertCtrl+C or Ctrl+InsertCtrl+Insert, Alt+C or Escape, WCtrl+C or Ctrl+InsertCtrl+C or Ctrl+InsertCtrl+C or Ctrl+InsertCommand C or Command InsertCommand C or Command InsertCommand C or Command Insert Click this button to copy the line at caret in the right pane to the Clipboard.
img Ctrl+F or Alt+F3Ctrl+F or Shift+Alt+3Ctrl+F or Shift+Alt+3Ctrl+F or Alt+F3Ctrl+Alt+S, Alt+F3 or Ctrl+SCtrl+F or Alt+F3Ctrl+F or Alt+F3Ctrl+F or Alt+F3Command FCommand F or Alt F3Command F Click this button to initiate Finding text procedure and locate the specified string in the current file.
img or img F7F7F7F7F7F11 or F8F7F5F7F7F5 or Shift+F7Shift+F7Shift+F7Shift+F7Shift+F7Shift+F7Shift+F7Ctrl+F5Shift F7Shift F7Alt F5 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+LeftAlt+LeftAlt+LeftAlt+LeftAlt+Left or Ctrl+X, PAlt+LeftCtrl+Page UpCtrl+Shift+F6, Ctrl+Alt+Right or Ctrl+Page UpShift Command Open Bracket or Control LeftControl LeftShift Command F6 or Alt Command Left
Click this button to compare the local copy of the previous file with its update from the server.

Note

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+RightAlt+RightAlt+RightAlt+RightAlt+Right, Ctrl+X, N or Ctrl+X, OAlt+RightCtrl+Page DownCtrl+F6, Ctrl+Alt+Left or Ctrl+Page DownShift Command Close Bracket or Control RightControl RightCommand F6 or Alt Command Right
Click this button to compare the local copy of the next file with its update from the server.

Note

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 F1F1F1F1F1F1F1F1ContextHelpF1ContextHelp Click this button to show reference page.
edit F4F4F4F4F4F4F4F12 or Ctrl+Shift+ECommand Down or F4F4F3 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.

Tip

Color map for the Differences viewer is configurable in the Colors and Fonts dialog box.

See Also

Procedures:

Web Resources: