Skip to main content

WebStorm Shortcuts

This page is a complete keyboard shortcut reference for WebStorm on macOS, covering all 128 shortcuts organized into 10 sections. Whether you’re new to WebStorm or looking to master advanced features, this cheat sheet has every key combination you need — from basic editing and navigation to app-specific power-user actions.

Keyboard shortcuts are the fastest way to work in WebStorm. Every time you use a shortcut instead of reaching for the mouse, you save a few seconds — and those seconds compound into hours over weeks and months. Start with the shortcuts you use most (copy, paste, undo, save), then gradually add app-specific ones as they become relevant to your workflow. Bookmark this page or download the PDF cheat sheet for quick reference.

Using keyboard shortcuts in WebStorm reduces context switching between keyboard and mouse, helping you maintain focus and work more efficiently. Research shows that shortcut-driven workflows can save up to 8 working days per year compared to menu-driven navigation. On macOS, most WebStorm shortcuts follow standard conventions — once you learn the modifier key patterns, new shortcuts become intuitive.

Tips for Learning Shortcuts

  • Practice one new WebStorm shortcut each day. Muscle memory builds faster when you focus on a single combination at a time rather than trying to learn them all at once.
  • Print or bookmark this page for quick reference while working in WebStorm. Having shortcuts visible nearby helps bridge the gap between looking them up and recalling them from memory.
  • Start with the shortcuts you use most. In WebStorm, common actions like copy, paste, undo, and save are worth learning first since they apply across nearly every workflow.

General9

ActionShortcut
Search Everywhere⇧⇧
Find ActionA
Run Anything⌃⌃
Open Settings,
Toggle Maximizing EditorF12
Add to FavoritesF
Inspect Current FileI
Switch Between Tool and TabsTab
Quick Switch Scheme~

Editing35

ActionShortcut
Basic Code CompletionSpace
Show Intention Actions / Quick Fixes
Parameter InfoP
shortcuts.webstorm.quickDocumentationLiveTemplateJ
Error or Warning at CaretF1
Generate CodeN
Surround WithT
Comment / Uncomment Line/
Comment / Uncomment Block/
Select Increasing Code Blocks
Decrease Selection
Context InfoQ
Reformat CodeL
Auto-Indent LinesI
Indent Selected LinesTab
Unindent Selected LinesTab
Paste From Recent BuffersV
Duplicate Line / BlockD
Delete Line at Caret
Move Line Up
Move Line Down
Join LinesJ
Split Lines
Start New Line
Toggle CaseU
Select Till Code Block End]
Select Till Code Block Start[
Delete to Word Start
Delete to Word EndDelete
Expand Code Block+
Collapse Code Block-
Expand All+
Collapse All-
Close Active Editor TabW
Complete Statement

Search / Replace6

ActionShortcut
FindF
Find NextG
Find PreviousG
Find in PathF
ReplaceR
Replace in PathR

Multiple Carets3

ActionShortcut
Select All OccurrencesG
Select Next OccurrenceG
Unselect OccurrenceG

Refactoring10

ActionShortcut
Refactor ThisT
CopyF5
MoveF6
RenameF6
Change Function SignatureF6
Inline VariableN
Extract MethodM
Extract VariableV
Extract ConstantC
Extract ParameterP

Running / Debugging16

ActionShortcut
Select Configuration and RunF10
Select Configuration and DebugF9
RunF10
DebugF9
Run Context ConfigurationF10
Rerun TestsR
Run Gulp / Grunt / npm TasksF11
Step OverF8
Step IntoF7
Smart Step IntoF7
Step OutF8
Run to CursorF9
Evaluate ExpressionF8
Resume ProgramF9
Toggle BreakpointF8
View BreakpointsF8

VCS / Git4

ActionShortcut
VCS Quick Popup~
CommitK
Update Project from VCST
View Recent ChangesC

Tool Windows11

ActionShortcut
Project1
Bookmarks2
Find3
Run4
Debug5
Problems6
Structure7
Services8
Version Control9
Commit0
TerminalF12

Frequently Asked Questions

Access WebStorm shortcuts from your menu bar

KeyShortcut detects the active app and shows its shortcuts instantly. No memorization needed.