On this page:
- Opening the Difference Viewer
- Comparing two folders in the Difference Viewer
- Synchronizing contents of folders
WebStorm provides a dedicated Differences Viewer for Foldersfor comparing files in two folders against the file size, content, or timestamp. The Differences Viewer shows the contents of the selected directories in the left and right panes of the Item List. The contents of the selected file are shown in the lower pane, with the differences being color-highlighted.
Besides exploring differences, the tool also provides interface for synchronizing the contents of folders.
Opening the Difference Viewer
Do one of the following:
- Keeping the Ctrl key pressed, click two directories in the Project tool window, and choose from the context menu of the selection, or press Ctrl+D.
- Select a directory in the Project tool window, choose Compare with from the context menu of the selection, or press Ctrl+D, and then select the second directory in the dialog that opens.
Comparing two folders in the Difference Viewer
- Configure the layout of the Items List. Use the toolbar buttons to narrow down or widen the set of items to show. For example, show or hide files that exist in just one of the directories, equal files, or different files, etc.
- Specify the parameter for comparison. In the Compare by drop-down list, select one of the possible options (contents, size, or time stamp).
- Filter the folders' contents. To do that, type filtering string in the Filter text field, and press Enter to apply it. Using the asterisk
*wildcard to represent any number of characters is welcome.
- To switch to another pair of folders to compare, update the fully qualified paths to them. Click the Browse button next to the Paths read-only fields and choose the required folders in the dialog box that opens.
- Explore the detected differences between files in the Differences Pane.
Synchronizing contents of folders
- For each pair of items, in the * field specify the action to apply. Click the icon in the field until the required action is set.
Icon Action Copy the item in the left side to the right side, possibly overwriting the contents of the corresponding target item, if it already exists. Copy the item in the right side to the left side, possibly overwriting the contents of the corresponding target item, if it already exists. The items are treated identical with regard to the selected criterion of comparison. No action will be performed by default. The items differ with regard to the selected criterion of comparison. No action will be performed by default. Explore the differences in the Differences Pane and change the intended action by clicking the icon. The item is present only in one of the folders and will be removed.
- Do one of the following:
- To synchronize the currently selected item, click the Synchronize Selected button on the toolbar.
- To synchronize all the items, click the Synchronize All button on the toolbar.