Comparing Files

Introduction

WebStorm enables you to compare arbitrary files in project (including image files),
selected file with the editor, or compare a file in the editor with the Clipboard contents.
All comparisons are performed in the
Differences viewer.

Comparing two files

Press and keep holding Ctrl for Windows and Linux or
⌘ for OS X and click the two files to compare in the Project tool window.

On the context menu of the selection, choose Compare Files, or press
Ctrl+D. The Differences Viewer for Files
opens, with the differences being color-highlighted.

It is enough to select a single file in the Project tool window. In this case the context menu
command is Compare File with Editor, and the Differences Viewer shows the
contents of the selected file on the left pane, and the contents of the active editor tab on the
right pane.

View the differences and apply them, if necessary, using the chevron buttons
.