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 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 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 instead of a light yellow one . WebStorm suggests the first available quick-fix in an inspection tooltip, which appears every time you hover over a warning or an error.
Apply intention actions
Click the bulb icon (or press Alt+Enter) to open the list of suggestions.
Select an action from the list and press Enter. For example, you can use an intention action to merge the declaration of a variable with its initialization:
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.
To apply the suggested fix, press Shift+Alt+Enter.
To see the usual popup with all the available quick fixes and intention actions, press Alt+Enter.
View all intention actions
You can view the full list of available intention actions, and disable actions that you do not need:
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.