WebStorm 2020.3 Help

Create and edit run/debug configurations

With the Navigation bar visible (View | Appearance | Navigation Bar ), the available run/debug configurations are displayed in the run/debug configuration selector in the Run area:

Selecting a run/debug configuration

WebStorm provides the Run/Debug Configuration dialog as a tool for handling run/debug configurations: creating configuration profiles or changing the default ones.

Use the toolbar of the Run/Debug Configuration dialog to add, remove, or save configurations.

WebStorm suggests the following ways to create a run/debug configuration:

Create a run/debug configuration

  1. Open the Run/Debug Configuration dialog in one of the following ways:

    • Select Run | Edit Configurations from the main menu.

    • With the Navigation bar visible (View | Appearance | Navigation Bar ), choose Edit Configurations from the run/debug configuration selector.

    • Press Alt+Shift+F10, then press 0 or select the configuration from the popup and press F4.

  2. In the Run/Debug Configuration dialog, click Icons general add on the toolbar or press Alt+Insert. The list shows the default run/debug configurations. Select the desired configuration type.

    The fields that appear in the right-hand pane display the default settings for the selected configuration type.

    Create run/debug configuration: select the configuration type
  3. For a new run/debug configuration:
    • Specify its name in the Name field. This name will be shown in the list of the available run/debug configurations.

    • Specify whether you want to make WebStorm check execution status of the instances of the same run/debug configuration. If you want to make sure that only one instance of the run/debug configuration is currently executed, select the checkbox Single instance only. In this case, a confirmation dialog will show up every time you try to launch run/debug configuration, when one instance of the same type is still running.

      If you click OK in the confirmation dialog, the first instance of the runner will be stopped, and the next one will take its place.

      If this checkbox is not selected, you can launch as many instances of the runner as required. As the result, each runner will start in its own tab of the Run tool window.

  4. In the Before launch section, define whether you want to execute some tools or scripts prior to launching the run/debug configuration.

  5. Specify additional parameters depending on the configuration type. For descriptions of run/debug configuration parameters, refer to the Run/debug configurations dialog section.

  6. Apply the changes and close the dialog.

Edit an existing run/debug configuration

  1. Do one of the following:
    • From the main menu, choose Run | Edit Configurations.

    • With the Navigation Bar visible (View | Appearance | Navigation Bar ), choose Edit Configurations from the run/debug configurations selector.

    • Press Alt+Shift+F10, then press 0 to display the Edit Configuration dialog, or select the configuration from the popup and press F4.

  2. In the corresponding run/debug configuration dialog, change parameters as required.

If a project has been created in an earlier version of WebStorm, its run/debug configurations can be lost, when such a project is added to another project, already opened in the same window.

To avoid the loss of run/debug configurations, it is recommended that you open such a project once in the latest version, and only after being added to another project.

Enable the Services tool window

You can manage multiple run/debug configurations in the Services tool window. For example, you can start, pause, and stop several applications, track their status, and examine application-specific details.

  1. From the main menu, select Run | Edit Configurations or use the selector on the toolbar.

    Selecting a run/debug configuration

  2. In the Run/Debug Configurations dialog, select Templates from the list on the left.

  3. In the right-hand pane, expand the Configurations available in Services section.

  4. Click the Add button in the Configurations available in Services section and select the necessary run configuration type.

    You can add or remove multiple configuration types one by one.

    Enabling the Services tool window

    Note that the tool window will only display the configuration types for which you have created one or more configurations.

    Thus, if you add a configuration type for which no configurations exist in the project, this type will not be displayed in the tool window until you create a configuration of this type.

  5. Apply the changes and close the dialog. The Services tool window with the selected configurations will open.

Last modified: 08 March 2021