WebStorm 2020.1 Help

Index of Menu Items

WebStorm menu structure doesn't align with WebStorm help structure. This page lists WebStorm menu items, linked to the corresponding help topics.

File

Menu item

Keyboard shortcut

Description

New

Use the commands from this group to create new projects, folders, files of various types, and scratch files.

  • Project: Use this command to create a new project.

  • File/<file type> file: Use these commands to create a new files in a project. The commands are available depending on the current context.

  • Scratch File (Ctrl+Shift+Alt+Insert): Choose this command to create a new scratch file.

  • Directory: Use this command to create a new folder. The command is available depending on the current context.

Open...

Use this command to open the specified directory, or an existing WebStorm project. A directory that contains a project is marked with Project icon icon.

Refer to the section Opening, Reopening, and Closing Projects.

This command is duplicated with Folder icon icon on the main toolbar.

Open Recent

Use this command to open one of the recent projects. Refer to the reopening projects procedure.

Close Project

Use this command to close the current project. See Opening multiple projects.

Rename Project...

Use this command to specify the new project name in the Rename Project dialog.

Settings... on Windows/Linux, WebStorm | Preferences on macOS

Ctrl+Alt+S

Use this command to change the project and IDE configurations in the Settings/Preferences dialog. See also the section Configuring Project and IDE Settings.

This command is duplicated with Settings icon on the main toolbar.

This command in available on Windows/Linux. On Mac OS it appears on the WebStorm menu and has the name Preferences.

File Properties

  • File Encoding: Use this command to change encoding of an individual file.

  • Associate with File Type: use this menu item to create a new file type association, learn more from Set file type associations.

  • Make File Read-Only/Make File Writable: Use these toggle commands to change read-only status of the file that is selected in the Project tool window or is opened in the currently active editor tab. If a file is made read-only, it is marked with Make File Read-Only / Make File Writable, and is not available for editing.

    You can also toggle read-only attribute of a file in the Status bar.

  • Line Separators: Use this command to select the desired line separator style. Refer to the section Configuring Line Separators.

Save All

Ctrl+S

Choose this command to save all changes, when editing is over.

This command is duplicated with Save all icon on the main toolbar.

Reload All from Disk

Ctrl+Alt+Y

Choose this command to check the WebStorm caches and bring them up-to-date by keeping in sync with external changes.

This command is duplicated with Reload All from Disk icon on the main toolbar.

Invalidate Caches/Restart...

Choose this command to clean the system cache .

Manage IDE Settings

  • Import Settings...: Choose this command to import settings from an archive.

  • Export Settings...: Choose this command to export settings to an archive.

  • Sync Settings to JetBrains Account: Choose this command to synchronize the settings across all IDE installations where you log in with your JetBrains account.

  • Settings Repository... Choose this command to invoke the Settings Repository dialog.

New Projects Settings

Choose the commands from this group to change settings that will apply to all newly created projects.

Export

Print...

Choose this command to print selected file on the default printer. Refer to the Print dialog description.

Add to Favorites

Use this command to add the selected files to the list of Favorites. Click the right arrow to select the list of favorites you want to be modified.

Refer to the description of the Favorites tool window.

Power Save Mode

Use this mode if you are working with a laptop. If Power-Save mode is on, then the background processes are turned off, to minimize the power consumption.

You can also turn this mode on or off by clicking the Hector icon in the Status bar.

Exit

Select this command to quit WebStorm.

This command in available on Windows/Linux. On MacOS it appears on the WebStorm menu and has the name Quit WebStorm.

Edit

Menu item

Keyboard shortcut

Description

Undo <action>

Ctrl+Z

Use this command to roll actions back.

This command is duplicated with Undo action icon on the main toolbar.

Redo <action>

Ctrl+Shift+Z

Use this command to repeat the last actions.

This command is duplicated with Redo action icon on the main toolbar.

Cut

Ctrl+X

Choose this command to take the selected characters to the clipboard and delete them. Refer to the section Select code constructs.

This command is duplicated with Cut icon on the main toolbar.

Copy

Use the commands from this group to place strings, characters, paths, etc. to the clipboard.

  • Copy: (Ctrl+C): Choose this command to take the selected characters to the clipboard. Refer to the section Cutting, Copying, and Pasting.

    This command is duplicated with Copy icon on the main toolbar.

  • Copy Path (Ctrl+Shift+C): Choose this command to take the path to the selected symbol to the clipboard. Refer to the section Cutting, Copying, and Pasting.

  • Copy as Plain Text (Ctrl+Shift+C): Choose this command to take the selected fragment to the clipboard without formatting. Refer to the section Settings/Preferences | Editor | General.

  • Copy Relative Path (Ctrl+Shift+Alt+C): Choose this command to take a reference to a symbol to the clipboard. Refer to the section Cutting, Copying, and Pasting.

  • Copy Reference (Ctrl+Shift+Alt+C): Choose this command to take a reference to a symbol to the clipboard.

Paste

Use the commands from this group to insert the contents of the clipboard in various modes.

  • Paste (Ctrl+V): Choose this command to place the latest entry from the Clipboard at the insertion point. Refer to the section Cutting, Copying, and Pasting.

    This command is duplicated with the Paste icon on the main toolbar.

  • Paste from History (Ctrl+Shift+V): Choose this command to place at the insertion point the selected entry from the Clipboard. Refer to the section Cutting, Copying, and Pasting.

  • Paste without Formatting (Ctrl+Shift+Alt+V): Choose this command to place the last entry from the Clipboard at the insertion point as plain text.

Delete

Delete

Choose this command to delete the selected files, or folder from the project tool window, or selected fragment of text from the active editor.

Find

Point to this node to reveal the sub-menu of search commands:

  • Find/Replace (Ctrl+F/Ctrl+R): Find or replace text in a current file.

    These commands are duplicated by Find and Rename favorites icons on the main toolbar.

  • Find Next Occurrence/Find Previous Occurrence (F3/Shift+F3): Use these commands to navigate through the search results in a file, see Finding and replacing text in a file for details.

  • Next Occurrence of the Word at Caret (Ctrl+F3): Use this command to jump to the next occurrence of the word where the caret rests, see Finding and replacing text in a file for details.

  • Select All Occurrences (Ctrl+Shift+Alt+J): Use this command to find and select all the occurrences of an item.

  • Add Selection for Next Occurrence (Alt+J): Use this command to select the next occurrence of an item.

  • Find in Path/Replace in Path (Ctrl+Shift+F/Ctrl+Shift+R): Use these commands to search for, and replace a text fragment in a whole project. Refer to the section Finding and Replacing text in Project.

  • Search/Replace Structurally: Use these commands to perform structural search or replace. Refer to the section Structural search and replace for details.

  • Find by XPath... (Ctrl+Alt+X, F): Use this command to find occurrences of certain XPath expressions in all XML files in a specific scope. Refer to XPath and XSLT support

Find Usages

Use the commands from this group to search for the usages of a symbol across the entire current project or in the current file as well as navigate among detected usages and configure the search settings.

  • Find Usages (Alt+F7): Use this command to search for the usages of a symbol across an entire project, see Search for usages for details.

  • Find Usages Settings (Ctrl+Shift+Alt+F7): Use this command to search for the usages of a symbol across an entire project, after setting the desired search options, see Search for usages for details.

  • Show Usages (Ctrl+Alt+F7): Use this command to bring up a list of the usages of a symbol across the whole project, see Search for usages for details.

  • Find Usages in a File (Ctrl+F7): Select this command to have all the usages of the symbol you are searching in the current file highlighted, see Finding and replacing text in a file for details.

  • Highlight Usages in a File (Ctrl+Shift+F7): Use this command to visualize all usages of a symbol in the current file.

  • Recent Find Usages (Ctrl+E: Choose this command to view the recent search results, see Search for usages for details.

Macros

Point to this node to reveal the sub-menu of the macros-related commands. Refer to the section Macros.

Column Selection Mode

Shift+Alt+Insert

Use this command to toggle between column selection and line selection modes. Refer to the section Write and edit source code.

Select All

Ctrl+A

Choose this command to select all contents of the current file. Refer to the section Write and edit source code.

Extend Selection

Ctrl+W

Choose this command to select the current word. Use this command successively to extend selection. Refer to the section Write and edit source code.

Shrink Selection

Ctrl+Shift+W

Choose this command to unselect the currently selected word. Use this command successively to shrink selection. Refer to the section Write and edit source code.

Join Lines

Ctrl+Shift+J

Choose this command to join lines or literals.

Fill Paragraph

Choose this command to create soft wraps in a paragraph.

Duplicate Lines

Ctrl+D

Choose this command to duplicate a line or fragment of text. Refer to Lines of code.

Indent Selection/Unindent Line or Selection

Tab/Shift+Tab

Choose this command to change indentation of the line at caret. Refer to the section Reformat and rearrange code.

Toggle Case

Ctrl+Shift+U

Choose this command to change case of the selection. See Lines of code.

Convert Indents

Point to this node to reveal the sub-menu of the possible indentation and toggle indentation style. Refer to Reformat and rearrange code.

Encode XML/HTML Special Characters

Choose this command to convert the selected special character to its HTML name in the format &char;.

View

Menu item

Keyboard shortcut

Description

Tool Windows

Point to this node to reveal the list of the available tool windows. Refer to the section Arrange tool windows.

Appearance

Use the commands from this group to configure the apearance of the WebStorm user interface, see Overview of the user interface for details.

Enter/Exit Presentation Mode

Choose this command to enter or exit presentation mode .

Enter/Exit Distraction Free Mode

Choose this command to enter or exit distraction-free mode .

Enter/Exit Full Screen

Choose this command to enter or exit full screen mode .

Toolbar

Select or deselect this check command to show or hide the main toolbar.

Tool Windows Bar

Select or deselect this check command to show or hide the tool window buttons.

Status Bar

Select or deselect this check command to show or hide the Status toolbar.

Navigation Bar

Select or deselect this check command to show or hide the Navigation bar.

Main menu

Select or deselect this check command to show or hide the Main menu.

Main menu

Select or deselect this check command to show or hide the Main menu.

Descriptions in Tree Views

Shift+Alt+\

Select or deselect this check command to show or hide specific details in the tree views, for example, date and time of file modification and the size of the file.

Quick Definition

Ctrl+Shift+I

Choose this command to open the quick definition popup. Refer to the section Viewing Definition.

Quick Documentation

Ctrl+Q

Choose this command to view quick documentation popup.

Parameter Info

Ctrl+P

Choose this command to view method parameter information.

Context Info

Alt+Q

Choose this command to show the current cursor position, if it runs out of the visible editor pane.

Jump to Source

F4

Choose this command to edit a file selected in a tool window. The file opens in the editor.

Recent Files

Ctrl+E

Choose this command to show the list of recently opened files and tool windows, and navigate to them.

Recently Changed Files

N/A

Choose this command to show the list of recently changed files and navigate to them.

Recent Changes

Shift+Alt+C

Choose this command to open the list of recent changes.

Compare with...

Choose this command to compare the file currently opened in the editor with the contents of another file Compare files, folders and text sources.

Compare with Clipboard

Choose this command to compare the file currently opened in the editor with the contents of the system clipboard. See Compare files, folders and text sources.

Quick Switch Scheme

Ctrl+`

Choose this command to switch between schemes.

Active Editor

Point to this node to reveal the list of nested check commands. These commands apply to the active editor and is only available when it exists.

Show Whitespaces

Select or deselect this check command to show or hide the whitespaces in the text.

Show Line Numbers

Select or deselect this check command to show or hide line numbers.

Show Gutter Icons

Select or deselect this check command to show or hide the icons in the left gutter.

Show Indent Guides

Select or deselect this check command to show or hide vertical indent markers.

Use Soft Wraps

Select or deselect this check command to show or hide soft wrap markers in the text.

Show Import Popups

Select or deselect this check command to show or hide import popups.

BiDi Text Direction

Point to this node to select the direction of text in the string literals containing RTL strings and tokens. Refer to the page Text direction.

Menu item

Keyboard shortcut

Description

Class/File/Symbol

Ctrl+N /
Ctrl+Shift+N
Ctrl+Shift+Alt+N

Choose these commands to find and jump to a class, file, or symbol by name.

Custom Folding...

Ctrl+Alt+.

Choose this command to navigate between custom regions .

Line/Column...

Ctrl+G

Choose this command to navigate to the specified line of code.

Back/Forward

Ctrl+Alt+Left/Ctrl+Alt+Right

Choose these commands to go through the history of the recently navigated items. These commands are duplicated with Back and Forward buttons on the main toolbar.

Last/Next Edit Location

Ctrl+Shift+Backspace

Choose these commands to jump to the latest edit location and back.

Navigate in File

Choose the commands from this group to navigate between methods (Alt+Down/ Alt+Up), Live Template Parameters (Tab/Shift+Tab), Changes (Ctrl+Shift+Alt+Up/ Ctrl+Shift+Alt+Down), and Custom Foldings (Ctrl+Alt+..

Bookmarks

Point to this node to reveal the sub-menu of commands related to using bookmarks.

Select In...

Alt+F1

Choose this command to select the desired component from the list of possible targets.

Jump to Navigation Bar

Alt+Home

Choose this command to navigate across your project using the Navigation Bar.

Declaration

Ctrl+B

Choose this command to jump to a declaration of a symbol.

Implementation(s)

Ctrl+Alt+B

Choose this command to jump to an implementation of a method.

Type Declaration

Ctrl+Shift+B

Choose this command to jump to the type declaration of a symbol.

Super Method

Ctrl+U

Choose this command to jump to a super method of the method at caret.

Test

Ctrl+Shift+T

Choose this command to navigate to an existing test, or create a test.

Related Symbol...

Ctrl+Alt+Home

.

File Structure

Ctrl+F12

Choose this command to navigate through the source code using the File Structure view.

File Path

Ctrl+Alt+F12

See Find a file path.

Type/Method/Call Hierarchy

Ctrl+H/Ctrl+Shift+H/Ctrl+Alt+H

Choose these commands to navigate using the hierarchy views. Refer to the sections Source code hierarchy.

Next/Previous Highlighted Error

F2Shift+F2

Use these shortcuts to navigate between the highlighted errors.

Next/Previous Change

Ctrl+Shift+Alt+DownCtrl+Shift+Alt+Up

Choose these commands to navigate through the change markers (when VCS integration is enabled).

Next/Previous Method

Alt+DownAlt+Up

Choose these commands to go up and down through the methods and tags.

Code

Menu item

Keyboard shortcut

Description

Override Methods...

Ctrl+O

Choose this command to override a method.

Implement Methods...

Ctrl+I

Choose this command to implement a method.

Implement Functions...

Ctrl+I

Choose this command to implement a method.

Generate...

Alt+Insert

Choose this command to create a new element. See (depending on the context) Creating Files and Directories, Generate code.

Surround With...

Ctrl+Alt+T

Choose this command to surround a logical fragment with code construct.

Unwrap/Remove...

Ctrl+Shift+Delete

Choose this command to Unwrapping and removing statements.

Code Completion

Point to this node to reveal the nested auto-completion commands.

Folding

Point to this node to reveal the nested folding commands.

Insert Live Template...

Ctrl+J

Choose this command to create code constructs by live templates.

Surround with Live Template...

Ctrl+Alt+J

Choose this command to create code constructs using surround templates.

Comment with Line Comment

Ctrl+/

Choose this command to comment an entire line of code. See Lines of code.

Comment with Block Comment

Ctrl+Shift+/

Choose this command to comment out a block of code. See Lines of code.

Reformat Code

Ctrl+Alt+L

Choose this command to perform code reformatting. See Reformat and rearrange code.

Auto-Indent Lines

Ctrl+Alt+I

Choose this command to change indentation.

Optimize Imports

Ctrl+Alt+O

Choose this command to optimize import statements. See Optimize imports.

Rearrange Code

Choose this command to rearrange code according to the arrangement rules.

Move Statement Up/Down

Ctrl+Shift+Up/Ctrl+Shift+Down

Choose this command to Code statements.

Move Element Left/Right

Ctrl+Shift+Alt+Left/ Ctrl+Shift+Alt+Right

Choose this command to move element at caret left or right.

Move Line Up/Down

Shift+Alt+Up/Shift+Alt+Down

Choose this command to move a line at caret up or down.

Inspect Code...

Choose this command to run an inspection.

Code Cleanup

Choose this command to open the dialog Specify Code Cleanup Scope dialog.

Run Inspection by Name...

Ctrl+Shift+Alt+I

Choose this command to run the specified inspection.

Configure Current File Analysis...

Ctrl+Shift+Alt+H

Choose this command to change highlighting level of the current file.

View Offline Inspection Results...

Choose this command to see inspection results stored on your computer.

Locate Duplicates...

Choose this command to find code duplicates. Refer to Locate duplicates.

Refactor

Note that the composition of this menu item depends on the current context.

Menu item

Keyboard shortcut

Description

Refactor This...

Ctrl+Shift+Alt+T

Choose this command to open a popup menu of the refactorings available in the current context. Refer to the section Code refactoring.

Rename...

Shift+F6

Choose this command to rename a file or a folder.

Change Signature...

Ctrl+F6

Choose this command to perform the change signature refactoring. See Change Signature for JavaScript for details.

Move...

F6

Choose this command to move a file, folder, or symbol to the specified location. See Copying, renaming, and moving files and folders, JavaScript Move refactorings.

Copy...

Ctrl+C

Choose this command to create a copy of an element in the specified location. See Copying, renaming, and moving files and folders for details.

Safe Delete

Alt+Delete

Choose this command to remove a file checking its usages.

Extract

Choose this command to perform one of the extract refactorings.

Inline...

Ctrl+Alt+N

Choose this command to perform an inline refactoring, see Inline refactorings in JavaScript and Inline refactorings in TypeScript.

Run

Menu item

Keyboard shortcut

Description

Run <current run/debug configuration>

Shift+F10

Choose this command to run the current with the corresponding temporary run/debug configuration.

This command is duplicated with Tool window icon on the main toolbar.

Debug <current run/debug configuration>

Shift+F9

Choose this command to debug the current with the corresponding temporary run/debug configuration.

This command is duplicated with Run the debugger icon on the main toolbar.

Run <current run/debug configuration> with Coverage

Choose this command to run with coverage the current script with the corresponding temporary run/debug configuration.

This command is duplicated with Run with coverage icon on the main toolbar.

Run...

Shift+Alt+F10

Choose this command to select the desired run/debug configuration, and then launch it. Refer to the section Create and edit run/debug configurations.

Debug...

Shift+Alt+F9

Choose this command to select the desired run/debug configuration, and then launch it in debugging mode. Refer to the section Create and edit run/debug configurations.

Edit Configurations...

Choose this command to change run/debug configuration. Refer to the section Create and edit run/debug configurations.

Show Running List

Choose this command to display a popup that lists all currently running/debugging applications. Refer to the section View running processes.

Import Tests from File

Choose this command to import test results from a file.

Debugging Actions

Use the commands from this group to invoke actions during a debugging session.

Toggle Line Breakpoint

Ctrl+F8

Choose this command to turn on or off a line breakpoint. Refer to the section Set a line breakpoint.

Toggle Temporary Line Breakpoint

Ctrl+Shift+Alt+F8

Choose this command to turn on or off a temporary line breakpoint. Refer to the section Set a line breakpoint.

View Breakpoints...

Ctrl+Shift+F8

Choose this command to show all available breakpoints and change them in the Breakpoints dialog.

Tools

Note that composition of the menu Tools depends on the enabled plugins and external tools.

Menu item

Keyboard shortcut

Description

Tasks and Contexts

Point to this node to reveal the sub-menu of commands related to tasks and contexts management.

Save File as Template

Choose this command to save the current file as a template file.

IDE Scripting Console

Choose this command to launch the interactive scripting console.

Analyze Stack trace...

Choose this command to analyze external stack trace.

Capture Memory Snapshot

Choose this command to get the memory state of the profiled application.

Show Code Coverage Data

Ctrl+Alt+F6

Choose this command to view coverage results. See Code coverage for details.

Vim Emulator

Select this check command to enable or disable Vim emulation. This command only appears when Vim plugin is installed and enabled.

Reconfigure Vim Keymap

This command is only visible, when Vim Emulator is checked. Choose it to select a different base keymap for the Vim emulator.

Deployment

Point to this node to reveal the sub-menu of deployment-related commands. Refer to the section Deploy your application.

Open terminal

Choose this command to run the Terminal.

Start SSH Session

Choose this command to launch a terminal on a remote SSH server. Refer to the section Run SSH terminal.

HTTP Client

Point to this node to reveal the sub-menu of commands related to composing and running requests to a RESTful web service. Refer to the Test RESTful Web services section.

Vagrant

Point to this node to reveal the sub-menu of standard Vagrant actions. See Vagrant: Working with Reproducible Development Environments.

VCS

Note that the VCS menu contains different commands, depending on the enabled version control system. The following table shows the menu commands available when no version control integration is enabled.

Menu item

Keyboard shortcut

Description

Local History

Point to this node to reveal the list of commands related to Local History.

Enable Version Control Integration...

Choose this command to associate a project root with one of the supported version control systems.

VCS Operations Popup

Alt+`

Choose this command to invoke the popup list of the most popular VCS actions.

Apply Patch...

Choose this command to apply a patch.

Checkout from Version Control

Point to this node to reveal the sub-menu of the checkout commands, specific for the supported version control systems. With no version control integration enabled, it is possible to check out from SVN, Mercurial, Git, and GitHub.

Import into Version Control

Point to this node to reveal the sub-menu of the import commands, specific for the supported version control systems. With no version control integration enabled, it is possible to import to SVN, Mercurial, Git, and GitHub.

Browse VCS Repository

Point to this node to reveal the sub-menu of the browse commands, specific for the supported version control systems. With no version control integration enabled, it is possible to browse Subversion and Git repositories that are not associated with the currently opened project.

  • Browse Git Repository Log: choose this option to view the log for a local Git repository that is associated with another project. When you select the relevant repository in the Select Path dialog, WebStorm adds a new Log tab to the Version Control tool window and shows the log for the selected repository. The name of the project associated with the selected repository is displayed in the tab title, when you hover the mouse overdialog the full path to the repository is shown in a tooltip.

  • Browse Subversion Repository: when you choose this option WebStorm opens the SVN Repositories tool window where you can view, add, and edit location of SVN repositories.

It is important to note that with VCS integration enabled, the composition of the VCS menu is different.

Window

Menu item

Keyboard shortcut

Description

Store Current Layout as Default

Choose this command to save the current way the tool windows are arranged.

Restore Default Layout

Shift+F12

Choose this command to restore the initial way the tool windows are arranged.

Active Tool Window

Choose this command to reveal the sub-menu of commands, related to the active tool window. Refer to the sections Tool windows, Arrange tool windows, Tool window view modes.

Editor Tabs

Choose this command to reveal the sub-menu of commands, related to the editor tabs. Refer to the section Editor tabs.

Note that these commands can also be found from the context menu of an editor tab.

Background Tasks

Choose this command to reveal the sub-menu of commands, related to performing tasks in background.

Next Project Window / Previous Project Window

Ctrl+Alt+]
Ctrl+Alt+[

Choose this command to switch between currently opened projects.

<project>

Select project to be shown in the active window.

Help

Menu item

Keyboard shortcut

Description

Find Action

Ctrl+Shift+A

Choose this command to invoke an action by its name.

Keymap Reference

Choose this command to see the WebStorm shortcuts map in PDF format.

Demos and Screencasts

Choose this command to see the WebStorm demo videos and screencasts on YouTube .

Help

Choose this command to visit WebStorm online Help topics.

Tip of the Day

Choose this command to show an arbitrary tip.

Productivity Guide

Choose this command to show productivity guide.

Submit Feedback

Choose this command to report your overall impression of WebStorm to the support service.

Show Log in Explorer/Finder

Choose this command to find WebStorm's log.

Edit Custom Properties

Choose this command to open the custom file idea.properties, located under the user home. If this file does not exist, WebStorm suggests to create it.

Refer to the section Advanced configuration for details.

Edit Custom VM Options

Choose this command to open the custom file .vmoptions, located under the user home. If this file does not exist, WebStorm suggests to create it.

Refer to the section Advanced configuration for details.

Debug Log Settings

Choose this command to change logging level for a category. Choosing this command leads to opening the Custom Debug Log Configuration dialog, where you have to type the log categories names, separated with new lines.

Register...

Choose this command to register WebStorm.

Check for Updates...

Choose this command to obtain information about the current version, and the availability of newer versions of WebStorm. Refer to Updates page.

This command in available on Windows/Linux. On macOS it appears on the WebStorm menu.

About

Choose this command to obtain information about the current version of WebStorm, current build, and so on. Press Escape to close the popup window.

This command in available on Windows/Linux. On macOS it appears on the WebStorm menu.

Last modified: 19 June 2020