WebStorm 2020.3 Help

Intention actions

As you work in the editor, WebStorm analyzes your code, searches for ways to optimize it, and detects potential and actual problems.

As soon as the IDE finds a way to improve your code, it displays a yellow bulb icon yellow bulb icon in the editor next to the current line. By clicking this icon, you can view intention actions available in the current context. Intention actions cover a wide range of situations from warnings to optimization suggestions.

A yellow bulb icon yellow bulb icon also indicates that WebStorm has detected a problem and prompts you with a quick-fix for it. For severe problems, WebStorm displays a red bulb with an exclamation mark red bulb icon instead of a light yellow one yellow bulb icon. WebStorm suggests the first available quick-fix in an inspection tooltip, which appears every time you hover over a warning or an error.

See Configuring Inspection Severities and Code inspections for details.

You can open a full list of intention actions in the Settings / Preferences dialog, view their descriptions, and disable or enable them as described in View all intention actions below.

Apply intention actions

  1. Click the bulb icon (or press Alt+Enter) to open the list of suggestions and select an action from the list.

    For some intention actions, you can open a preview by pressing Ctrl+Shift+I (View | Quick Definition ).

  2. Press Enter to apply the selected intention. For example, you can use an intention action to merge the declaration of a variable with its initialization:

    Merging a variable declaration with its initialization using an intention action

Apply quick-fixes

  1. Hover over an error or a warning in the code. WebStorm displays an inspection tooltip and shows the first available fix right next to the description of the problem.

  2. To apply the suggested fix, press Alt+Shift+Enter.

  3. To see the usual popup with all the available quick fixes and intention actions, press Alt+Enter.

    Applying quick fixes from an inspection tooltip

View all intention actions

You can view the full list of available intention actions, and disable actions that you do not need:

  1. In the Settings/Preferences dialog Ctrl+Alt+S, go to Editor | Intentions.

  2. For each intention action, you can see a description and an example. To disable an intention, clear the checkbox next to it.

    View all intentions on the Intentions page (Settings/Preferences)
  3. Apply the changes and close the dialog.

Disable intention actions on the fly

  1. Click the light bulb icon (or press Alt+Enter) to open the list of suggestions.

  2. Select the action you want to disable, and click the right arrow.

  3. Select Disable <intention action name>.

    Disable an intention action on the fly from the context menu
Last modified: 08 March 2021