WebStorm 2023.3 Help

Notifications

Whenever there is an important event or a suggestion in the IDE, you will see a notification balloon that pops up in the bottom right corner of WebStorm. You can also access all notifications and events in the Notifications tool window.

Notifications in WebStorm

WebStorm allows you to configure notification settings for every group of events individually. For example, you can disable all VCS notifications or enable sound notifications to inform you that your application has been built.

Configure notifications per event group

  1. Press Ctrl+Alt+S to open the IDE settings and select Appearance & Behavior | Notifications.

  2. Select the event group for which you want to configure notification settings.

  3. Enable the Show in tool window option to display notifications for the selected event group in the Notifications tool window.

  4. Select Play sound to enable sound notifications or select Read aloud (macOS only) to generate voice notifications from notification text.

    Configuring notification settings

Notification balloons

Balloon notifications show up in the bottom right corner of the IDE and inform you about important events and suggestions.

If you prefer to work without distractions, you can disable all balloon notifications at once.

Disable all balloon notifications

  1. Press Ctrl+Alt+S to open the IDE settings and then select Appearance & Behavior | Notifications.

  2. Disable the Display balloon notifications option.

You can also configure or completely disable balloon notifications for specific event groups using the Popup type list.

Notifications tool window

You can open the tool window by clicking the corresponding tool window bar or by selecting View | Tool Windows | Notifications from the main menu.

The tool window can also open messages that you can see in the status bar: click a message to view it in the tool window.

Notifications tool window
  1. The Notifications tool window bar. Click it to quickly open the tool window.

    The indicator next to the tool window title marks new notifications and their importance: a blue dot Notification icon with blue dot marks regular events and unimportant suggestions. A red dot Notification icon with red dot marks errors and important suggestions.

  2. The area with important suggestions. For more information, refer to Suggestions.

  3. Regular events and notifications. For more information, refer to Timeline.

  4. New (unread) notifications. They have blue or grey background, depending on the UI theme you are using.

  5. A status bar message. Click a message to view it in the tool window. For more information, refer to Status bar.

Notifications remain in the tool window until you manually clear them or until you reopen your project.

Suggestions

Suggestions help you optimize your work with the IDE. They inform you about missing components, plugins, and disabled options and prompt you to change the configuration accordingly.

Don't show suggestions

If a suggestion is not relevant, you can hide it:

  • Click Settings in the suggestion that you want to hide and select Don't show again or Don't show again for this project.

    Hiding a suggestion

Restore hidden suggestions

If you change your mind, you can restore the disabled suggestions in the settings:

  1. Press Ctrl+Alt+S to open the IDE settings and then select Appearance & Behavior | Notifications.

  2. In the Don't ask again notifications table, locate the required suggestion and click Remove.

Timeline

The Timeline area lists notifications and events that take place in WebStorm in sequential order.

Errors are also displayed in the timeline
Last modified: 20 February 2024