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

Notifications

Last modified: 05 September 2023

Notifications the Notification icon tool window bar

View | Tool Windows | 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 CtrlAlt0S to open the IDE settings and select Appearance & Behavior | Notifications.

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

  3. From the Popup type list, select one of the following options for balloon notifications:

    • Balloon: notification balloons appear on the screen for a short period of time and then disappear automatically.

    • Tool window balloon: notifications appear in popups. This type of notifications is available only for those event groups for which there is a corresponding tool window.

      For example, notifications on reached breakpoints are related to the Debug tool window.

      Breakpoint reached tool window balloon

    • Sticky balloon: notification balloons stay on the screen until you close them.

    • No popup: balloon notifications do not appear.

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

  5. 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 CtrlAlt0S 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

note

Notifications tool window has replaced Event Log that existed in earlier versions of the IDE.

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.

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

tip

You can disable and enable tool window notifications for specific event groups.

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 CtrlAlt0S 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