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.
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|
|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.|
|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.|
|or||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.
|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.|
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.|
|Highlighting mode||Select the way differences are highlighted. Possible options are: by word, by line, or no highlighting.|
|Click this button to simultaneously scroll both differences panes; if this button is released, each of the panes can be scrolled independently.|
|F1F1F1F1F1F1F1F1ContextHelpF1ContextHelp||Click this button to show reference page.|
|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.|
|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.|
|Use these chevron buttons to apply differences between panes.|
|Legend||Shows summary information about the encountered differences: number of differences found, and
Color map for the Differences viewer is configurable in the Colors and Fonts dialog box.
- Comparing Files
- Viewing Local History of a File or Folder
- Comparing Deployed Files and Folders with Their Local Versions