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 in the editor next to the cursor. 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 also indicates that WebStorm has detected a problem and prompts you with a a quick-fix for it. For severe problems, WebStorm displays a red bulb with an exclamation mark instead of a light yellow one .
Apply intention actions
- Click the bulb icon (or press Alt+Enter) to open the list of suggestions.
- Select an action from the list. For example, you can use an intention action to merge the declaration of a variable with its initialization:
For example, you can use an intention action to inject another language in your code:
You can use quick-fixes to resolve problems on the fly. For example, if you reference a symbol that you haven't imported yet, you can use the quick-fix to add the missing import statement:
View all intention actions
You can view the full list of available intention actions, and disable actions that you don't need at the moment:
- In the Settings/Preferences dialog (Ctrl+Alt+S), select .
For each intention action, you can see a description and an example.
If you want to disable an intention, deselect the checkbox next to it.
- Apply the changes and close the dialog.
Disable intention actions on the fly
- Click the light bulb icon (or press Alt+Enter) to open the list of suggestions.
- Select the action you want to disable, and click the right arrow.
- Select .