- Keeping the CtrlControl key pressed, click two directories in the Project tool window, and choose on the context menu of the selection, or press Ctrl+DCtrl+D.
- Select a directory in the Project tool window, choose Compare with on the context menu of the selection,
and then select the second directory in the dialog that opens.
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 folders in question.
- 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 EnterEnter 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 that opens.
- Explore the detected differences between files in the Differences Pane.
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.