WebStorm
 
2022.2
Shortcuts: Windows
Get WebStorm
You are viewing the documentation for an earlier version of WebStorm.
  1. Configuring the IDE
  2. Install plugins

Install plugins

Last modified: 09 September 2022

Plugins extend the core functionality of WebStorm. For example, install plugins to get the following features:

  • Integration with version control systems, issue trackers, build management servers, and other tools.

  • Coding assistance support for various languages and frameworks.

  • Shortcut hints, live previews, File Watchers, and so on.

  • Coding exercises that can help you to learn a new programming language.

By default, WebStorm includes a number of bundled plugins. You can disable bundled plugins, but they cannot be removed. You can install additional plugins from the plugin repository or from a local archive file (ZIP or JAR).

Open plugin settings

  • Press Ctrl+Alt+S to open the IDE settings and select Plugins.

The Plugins settings dialog

Use the Marketplace tab to browse and install plugins from the JetBrains Plugin Repository or from a custom plugin repository.

Use the Installed tab to browse bundled and installed plugins, enable, disable, update, or remove them. Disabling unnecessary plugins can increase performance.

If a plugin depends on some other plugin, WebStorm will notify you about the dependencies. If your project depends on certain plugins, add them to the list of required plugins.

Install plugin from Marketplace

  1. Press Ctrl+Alt+S to open the IDE settings and select Plugins.

  2. Find the plugin in the Marketplace and click Install.

To install a specific version, go to the plugin page in the JetBrains Plugin Repository, download and install it as described in Install plugin from disk. For example, you can do it if the most recent version of the plugin is broken.

Install plugin from disk

  1. Download the plugin archive (ZIP or JAR).

  2. Press Ctrl+Alt+S to open the IDE settings and select Plugins.

  3. On the Plugins page, click The Settings button and then click Install Plugin from Disk….

  4. Select the plugin archive file and click OK.

  5. Click OK to apply the changes and restart the IDE if prompted.

    Install Plugin from Disk

Install plugin through command line

  1. From the JetBrains Marketplace page, find a page of the required plugin, select the Versions tab, and click any version to copy pluginId.

    pluginId is a short name of the plugin you want to install.

    For example, .

  2. Open the terminal, go to the WebStorm instance where your project resides, and for which you want to download and install a third-party plugin.

    The downloaded WebStorm instances are located in of the following directories depending on your OS.

  3. Use the installPlugins PROJECT_PATH pluginId to install your plugin.

Remove plugin

note

You cannot remove bundled plugins.

  1. Press Ctrl+Alt+S to open the IDE settings and select Plugins.

  2. Open the Installed tab and find the plugin that you want to remove.

  3. Click The Plugin Settings button on the plugin's description pane and select Uninstall.

    Uninstall plugin

Disable plugin

You can disable a plugin without removing it if you do not need the corresponding functionality.

  1. Press Ctrl+Alt+S to open the IDE settings and select Plugins.

  2. Open the Installed tab, find and select the plugin that you want to disable.

  3. Click The Plugin Settings button on the plugin's description pane and select Disable.

    Disabling an installed plugin

    Alternatively, you can use the checkboxes in the list of plugins or the Disable all buttons for plugin categories.

You can disable or enable all manually installed plugins at once (non-bundled) in the menu under The Settings button.

Disable all downloaded plugins

Required plugins

A project may require plugins that provide support for certain technologies or frameworks. You can add such plugins to the list of required plugins for the current project, so that WebStorm will verify that the plugins are installed and enabled. It will notify you if you forget about some plugin, or someone on your team is not aware about the dependency as they work on the project.

Add a required plugin for your current project

  1. Make sure the required plugin is installed.

  2. Press Ctrl+Alt+S to open the IDE settings and select Build, Execution, Deployment | Required Plugins.

  3. On the Required Plugins page, click The Add icon and select the plugin. Optionally, specify the minimum and maximum version of the plugin.

    Add required plugin dialog

tip

To specify the required version of WebStorm itself, add IDE Core to the list of required plugins.

When you open the project in WebStorm, it will notify you if the plugin is disabled, not installed, or requires an update.

Required plugin is disabled

Click the link in the notification message to quickly enable, install, or update the required plugin.

Suggested plugins

When you open a project, WebStorm can suggest installing and enabling plugins based on libraries used in your project. Do not confuse suggested plugins with required plugins that you can manually add to a project so that your teammates also use it.

If you don't need a particular plugin, you can prevent WebStorm from suggesting it. You can also use your notification settings to disable or enable notifications of all plugin suggestions and the way they are displayed.

Disable suggestions of a plugin

  • When a notification of a suggested plugin appears, click Don't suggest this plugin.

Next time when you open a project, WebStorm will not suggest this plugin. You can still check your project for suggested plugins.

Check a project for suggested plugins

  1. Press Ctrl+Shift+A and start typing Check Suggested Plugins.

  2. Select the Check Suggested Plugins action.

    Check suggested plugins

  3. If WebStorm has a plugin applicable to your project, you'll see the notification message. Click the link in the notification message to install or enable the suggested plugin.

Custom plugin repositories

By default, WebStorm is configured to use plugins from the JetBrains Plugin Repository. This is a public repository where everyone can host their plugins. However, if you develop plugins for internal use only, you can set up a custom plugin repository for them.

For information about setting up a custom plugin repository, see the IntelliJ Platform SDK documentation.

Once you set up your plugin repository, add it to WebStorm:

Add custom repositories

  1. Press Ctrl+Alt+S to open the IDE settings and select Plugins.

  2. On the Plugins page, click The Settings button and select Manage Plugin Repositories….

  3. In the Custom Plugin Repositories dialog, click The Add icon and specify your repository URL. It must point to the location of the XML file that describes your plugin, for example, updatePlugins.xml. The file can be on the same server as your custom plugins, or on a dedicated one.

    https://resources.jetbrains.com/help/img/idea/2022.2/ws_plugins_add_custom_repo.png
    Gif

  4. Click OK in the Custom Plugin Repositories dialog to save the list of plugin repositories.

  5. Click OK in the Settings/Preferences dialog to apply the changes.

When you search for plugins, WebStorm will show you results both from the default JetBrains Plugin Repository and any custom repositories that you specify. To browse only a certain custom plugin repository, type repository: followed by the URL of the repository in the search field on the Marketplace tab of the Plugins page. For example:

repository:http://plugins.example.com:8080/updatePlugins.xml myPlugin

Alternatively, you can add your custom plugin repositories using the idea.plugin.hosts property:

You may want to replace the default JetBrains Plugin Repository with your custom plugin repository. This can be helpful if you want only your custom repository plugins to be available from WebStorm.

Replace the default plugin repository

  1. From the main menu, select Help | Edit Custom Properties.

  2. Add the idea.plugins.host property to the platform properties file and specify the URL of the application that can properly handle requests from WebStorm, that is, act as the default plugin repository application instead of JetBrains Plugin Repository.

    In particular, it should handle the following requests:

  3. Restart WebStorm.

If you replace the default plugin repository, the search field on the Marketplace tab of the Plugins dialog will browse only the plugins in the new default repository and any custom repositories that you add.

Productivity tips

Filter and sort search results

  • Type a forward slash / in the search string to see options for filtering and sorting search results. For example, you can add the following options to your search string to list only language-related plugins and sort them alphabetically by name: 

    /tag:Languages /sortBy:name

    https://resources.jetbrains.com/help/img/idea/2022.2/ws_plugins_search_use_tags.png
    Gif

    Or you can search for all outdated plugins among the installed by typing:

    /outdated
    https://resources.jetbrains.com/help/img/idea/2022.2/ws_plugins_search_outdated.png
    Gif