WebStorm 2022.1 Help

Icon reference

Many entities in WebStorm are marked with icons: there are icons on toolbar buttons, in the gutter, in the Project tool window, and so on. The majority of icons have tooltips that allow you to quickly grasp their meaning. Hover the mouse over an icon and wait for the tooltip with some brief information.

Tooltips in the IDE

File types

To view the list of file types recognized by WebStorm, in the Settings/Preferences dialog (Ctrl+Alt+S), go to Editor | File Types. If a file in your project is marked with the Unknown file type icon, it indicates that WebStorm can't recognize it. In this case, you can register and configure a new file type.

File type settings

Icons in tool windows and structure views

Icon

Description

Class

Class

Abstract class

Abstract class

Interface

Interface

Method

Method/function

Function lambda in Dart

Function in Dart

Variable

Variable

Field

Field

Property

Property

Parameter

Parameter

Xml element

Element

Folder

Directory

Test root

Tests

Resource root

Resource root

Excluded root

Excluded

Visibility modifiers

private.png

Private

protected.png

Protected

public.png

Public

Bookmarks

Bookmark check

Anonymous bookmark – a check sign bookmark. Bookmarks are used for quick navigation within a file or across the entire project.

Bookmark mnemonic

Lettered mnemonic bookmark – a letter in the interval from A to Z.

Bookmark number

Numbered mnemonic bookmark – a number in the interval from 0 to 9.

Icons in the gutter

Icon

Description

Has Subclasses

  • A class that has subclasses

  • A method that is overridden

Overrides Method

A method that overrides a method in the superclass

Has Implementations

An interface or its method that has implementations

Is an Implementation

A method that implements an interface method

Is a recursive call

A recursive function call

Run test

Run or debug test

Test passed

The test passed successfully

Test failed

The test failed, rerun

Last modified: 11 April 2022