WebStorm 2024.1 Help

Commit Changes dialog

Use this dialog to commit (check in) local changes to the repository and, optionally, to create a patch file.

The options available in this dialog depend on the version control system you are using.

Modified files pane

This section lists all files that have been modified since the last commit. Deselect the check-boxes next to the files that you want to exclude from the current commit.

Modified files pane toolbar


Tooltip and Shortcut


the Show Diff button

Show Differences


Open the Differences dialog that highlights the differences between your local working copy of the selected file and its repository version.

the Revert icon


Revert all changes made to the local working copy of the selected files.

the Refresh button

Refresh Changes


Click this button to reload the Changed files tree view so it is up-to-date.

The Group By button

Group By

Choose how you want to group the modified files - by directory or module

the Expand All button

the Collapse All button

Expand or collapse all nodes

Ctrl+NumPad +

Ctrl+NumPad -

Click these buttons to expand or collapse all nodes in the directory tree. These buttons are not available in flat view.



From this list, select the changelist that contains the modified files to be checked in or included in the patch. The active changelist is selected by default.

The summary under the modified files pane shows statistics on the currently selected changelist, such as the number of modified, new, deleted and unversioned files. This area also shows how many files of each type are shown, and how many of them will be committed.

Commit Message pane

In this area, enter a comment to the current commit. You cannot commit your changes until you enter some description in the Commit Message field.

This comment will also be used as the name of the patch file if you decide to create a patch.

You can click Commit Message history Commit Message history Ctrl+M to choose from the list of recent commit messages.

VCS-specific controls

The controls in this section are located in the top-right part of the dialog, and contain the options that are specific for the version control system you are using.




Use this list to select the author of the changes that you are going to commit. This may be useful when you are committing changes made by another person.

Amend commit

Select this checkbox to replace the previous commit with the current changes. For more information, refer to Git Basics: Undoing Things.

Sign-off commit

select if you want to sign off your commit to certify that the changes you are about to check in have been made by you, or that you take the responsibility for the code you're committing.

When this option is enabled, the following line is automatically added at the end of the commit message: Signed off by: <username>



Amend commit

Select this checkbox to replace the previous commit with the current changes. For more information, refer to Git Basics: Undoing Things.



Keep files locked

Select this checkbox to keep the changed files locked after they are checked in.




This area is available only if you select the Enable Perforce Jobs Support checkbox on the Perforce settings page.

Use the controls in this area to search for Perforce jobs, link jobs to the selected changelist, and detach the currently linked jobs.

  • Remove button Unlink selected jobs: click this button to detach the selected job from the changelist.

  • Edit associated jobs button Edit associated jobs: click this button to open the Edit Jobs Linked to Changelist dialog where you can search for available jobs, view their details, and link jobs to the selected changelist.

  • Add button Find and link job matching the pattern: click this button to start quick search for the job that matches the pattern specified in the field and attach the job to the changelist.

    In the field, specify the exact name of the job or a search pattern according to the Perforce jobs syntax rules.

The list in the bottom of the area displays the jobs that are currently attached to the selected changelist.

Submit / Commit section

Use the controls in this area to define which additional actions you want WebStorm to perform while committing the selected files.

These controls are available for the following version control systems:

  • Git

  • Subversion

  • Perforce



Reformat code

Perform code formatting according to the Project Code Style settings.

Rearrange code

Rearrange your code according to the arrangement rules preferences.

Optimize imports

Remove redundant import statements.

Analyze code

Analyze modified files while committing them. Click Configure to select an inspection profile from which the IDE will run inspections.

Check TODO (<filter name>)

Review the TODO items matching the specified filter. Click Configure to choose an existing TODO filter, or open the TODO settings page and define a new filter to be applied.


Automatically apply the current inspection profile to the files you are going to commit/shelve.

After Submit / After Commit section

Use the controls in this area to define which additional actions you want WebStorm to perform after committing the selected files.



Available for

Run tool

From this list, select the external tool that you want WebStorm to launch after the selected changes have been committed. You can select a tool from the list, or click the Browse button the Browse button and configure an external tool in the External Tools dialog that opens.

All VCSs

Upload files to

From this list, select the server access configuration or a server group to use for uploading the committed files to a local or remote host, a mounted disk, or a directory.

  • To suppress uploading, choose None.

  • To add a server configuration to the list, click the Browse button and fill in the required fields in the Add Server dialog that opens.

The list is only available if the FTP/SFTP/WebDAV Connectivity plugin is enabled.

All VCSs

Always use selected server or group of servers

Select this checkbox to always upload files to the selected server or a server group.

The checkbox is only available if the FTP/SFTP/WebDAV Connectivity plugin is enabled.

All VCSs

Auto-update after commit

Select this checkbox to automatically update your project after the commit. Enabling this option will help prevent your working copy against the mixed-revision state.

The mixed-revision state of a working copy may affect the Move and Rename refactoring applied to folders, in which case items in revisions different from the moved subtree root will be tracked separately, which can be confusing.

When the Auto-update after commit option is enabled:

  • Merge will fail with an error if the merge target is a mixed-revision working copy.

  • Your own changes will never cause a 409 conflict.


Diff pane

To open the Diff pane, press Ctrl+D or right-click the file you want to investigate and select Show Diff in the context menu.

In this pane you can explore the differences between the base repository version of the selected file, and the version you are about to commit.

Diff pane toolbar


Tooltip and Shortcut


the Previous Difference button/the Next Difference button

Previous Difference / Next Difference Shift+F7 F7

Jump to the next or previous difference.

When the last or the first difference is reached, WebStorm suggests clicking the arrow buttons or pressing F7/Shift+F7 once more and comparing other files modified locally. This behavior depends on the Go to the next file after reaching last change option in the Diff Viewer settings.

the Jump to Source button

Jump to Source


Open the selected file in the editor. The caret is placed in the same position as in the Diff Viewer.



Compare Previous/Next File

Alt+Left Alt+Right

Click these buttons to compare the local copy of the previous/next file with its update from the server.


Select a viewer mode: side-by-side or unified. The side-by-side mode has two panels, and the unified mode has one panel.

You can edit code and perform the Accept, Append, Revert actions in both viewers.

You can change text only in the right-hand part of the side-by-side viewer or in the lower line in the unified viewer.

You can edit only local versions of your files. You cannot edit files that have read-only status.


Define how the Diff Viewer should treat whitespaces.

  • Do not ignore: white spaces are important, and all the differences are highlighted. This option is selected by default.

  • Trim whitespaces: trim whitespaces if they appear in the end and at the beginning of a line (("\t", " ")).

    • If two lines differ in trailing whitespaces only, these lines are considered equal.

    • If two lines are different, trailing whitespaces are not highlighted in the By word mode.

  • Ignore whitespaces: white spaces are not important, regardless of their location in the source code.

  • Ignore whitespaces and empty lines: ignores whitespaces and empty lines. The following entities are ignored:

    • all whitespaces (as in the 'Ignore whitespaces' option)

    • all added or removed lines consisting of whitespaces only

    • all changes consisting of splitting or joining lines without changes to non-whitespace parts.

      For example, differences between a b c and a \n b c are not highlighted in this mode.

Highlighting mode

Select the way differences granularity is highlighted.

The available options are:

  • Highlight words: modified words are highlighted

  • Highlight lines: modified lines are highlighted

  • Highlight split changes: if this option is selected, big changes are split into smaller changes.

    For example, A \n B and A X \n B X are treated as two changes instead of one.

  • Highlight characters: modified symbols are highlighted

  • Do not highlight: if this option is selected, the differences are not highlighted at all.

    Use the Do not highlight option when you work with the files that were significantly modified. In such cases, highlighting might introduce additional difficulties during a review.

the Collapse Unchanged Fragments icon

Collapse Unchanged Fragments

Collapse all the unchanged fragments in both files. The amount of non-collapsible unchanged lines is configurable on the Diff & Merge settings page. To open the Diff & Merge page, open settings by pressing Ctrl+Alt+S and navigate to Tools | Diff & Merge. .

Synchronize scrolling

Synchronize scrolling

Scroll both differences panes simultaneously. If this button is released, each pane can be scrolled independently.

the Disable Editing icon

Disable editing

Enable editing of the local copy of the selected file, which is disabled by default. When editing is enabled, you can make last-minute changes to the modified file before committing it.

the Gear icon

Editor settings

Open a list of available options. Select or clear these options to show or hide line numbers, indentation guides, white spaces, and soft wraps.

the Help icon



Open a browser and show the corresponding help page.

Note that the options listed above are available for text files only. WebStorm cannot compare binary files, so most commands will be unavailable for them.

Submit / Commit button

Click this button to commit the selected files, or hover over this button to display one of the following available commit options:

  • Commit and Push: select this option to push the changes to the remote repository immediately after the commit. This option is available if you are using Git or Mercurial as a version control system.

  • Create MQ Patch: select this option to create an MQ patch based on your changes. This option is only available if you are using Mercurial as a version control system.

  • Create Patch: select this option if you want WebStorm to generate a patch based on the changes you are about to commit. In the Create Patch dialog that opens, type the name of the patch file and specify whether you need a reverse patch.

  • Remote Run: select this option to run your personal build. This option is only available when you are logged in to TeamCity. For more information, refer to TeamCity plugin documentation.

Last modified: 26 May 2024