WebStorm 2016.2 Help

WebStorm Viewing Modes

On this page:

Basics

WebStorm provides special view modes:

  • Full Screen mode allows you to use the entire screen for coding. This removes all menus from view, as well as the operation system controls. However, you can use context menus and keyboard shortcuts. The main menu is also available when you hover the mouse pointer over the top of the screen.
  • Presentation mode - this mode is similar to the Full Screen mode, but it is designed for making presentations that involve coding with WebStorm. In this mode, WebStorm increases the font size and hides everything except the editor. If necessary, tool windows can be also displayed in this view using the corresponding items in the View | Tool Windows menu.
  • Distraction-free mode shows no toolbars, no tool windows, no editor tabs; the code is center-aligned; etc.

Toggling full screen mode

Besides manipulating the tool windows (show/hide or resize them), WebStorm makes it possible to maximize the entire product window, hiding the main menu.

To enter full screen mode

  • On the main menu, choose View | Enter Full Screen.

To exit full screen mode

  1. Hover your mouse pointer over the top-most line to reveal the main menu.
  2. On the main menu, choose View | Exit Full Screen.

Toggling presentation mode

In the presentation mode, the editor occupies the entire screen, while all the other WebStorm components are hidden.

Besides that, the font size in this mode is larger than usual. You can define font size for the presentation mode in the Appearance page of the Settings dialog.

To enter presentation mode

  • On the main menu, choose View | Enter Presentation Mode.

To exit presentation mode

  1. Hover your mouse pointer over the top-most line of the editor to reveal the main menu.
  2. On the main menu, choose View | Exit Presentation Mode.

Toggling distraction-free mode

In the distraction-free mode, the editor occupies the entire WebStorm frame, without any editor tabs and tool-window buttons. The code is center-aligned.

To enter distraction-free mode

  • On the main menu, choose View | Enter Distraction-Free Mode.

To exit distraction-free mode

  • On the main menu, choose View | Exit Distraction-Free Mode.

See Also

Reference:

Last modified: 15 November 2016