ShortcutPosters

WebStorm Keyboard shortcuts

Get the poster

WebStorm is JetBrains' integrated development environment for JavaScript, TypeScript, and modern web development. Its keyboard-centric workflow lets you search, navigate, refactor, and debug without leaving the home row, and most every action is reachable through Search Everywhere or Find Action.

All WebStorm keyboard shortcuts (Mac)

Layout
Esc
F1
F2
F3
F4
F5
F6
F7
F8
F9
F10
F11
F12
`
1
2
3
4
5
6
7
8
9
0
-
=
⌫
Tab
Q
W
E
R
T
Y
U
I
O
P
[
]
\
⇪
A
S
D
F
G
H
J
K
L
;
'
↩
Shift
Z
X
C
V
B
N
M
,
.
/
Shift
⌃
⌘
⌥
Space
⌥
⌘
⌃
↑
←
↓
→

+ 1 more control in the table below

42 shortcuts

Editing 9

Action Shortcut
Reformat code ⌘⌥L
Comment with line comment ⌘/
Duplicate current line or selected block ⌘D
Generate code ⌘N
Delete line at caret ⌘⌦
Comment with block comment ⌘⇧/
Extend selection ⌥↑
Select next occurrence ⌃G
Move line down ⌥⇧↓

Navigation 8

Action Shortcut
Go to declaration ⌘B
Go to file ⌘⇧O
Recent files popup ⌘E
Go to class ⌘O
Go to symbol ⌘⌥O
Go to line ⌘L
File structure popup ⌘F12
Next highlighted error F2

General 5

Action Shortcut
Search Everywhere ⇧then⇧
Find Action ⌘⇧A
Open Settings / Preferences ⌘,
Switch between tabs and tool window ⌃⇥
Toggle maximizing editor ⌃⇧F12

Run & Debug 5

Action Shortcut
Run ⌃R
Debug ⌃D
Toggle breakpoint ⌘F8
Step over F8
Resume program ⌘⌥R

Code Completion 4

Action Shortcut
Basic code completion ⌃␣
Show intention actions and quick-fixes ⌥↵
Quick documentation lookup ⌃J
Insert Live template ⌘J

Search 4

Action Shortcut
Find ⌘F
Find in path ⌘⇧F
Find usages ⌥F7
Replace ⌘R

Refactoring 3

Action Shortcut
Rename ⇧F6
Refactor this ⌃T
Extract Variable ⌘⌥V

VCS 3

Action Shortcut
Commit project to VCS ⌘K
VCS quick popup ⌃V
Update project from VCS ⌘T

Tool Windows 1

Action Shortcut
Open corresponding tool window ⌘1

Sourced from jetbrains.com, resources.jetbrains.com Last verified

Unofficial reference. ShortcutPosters is not affiliated with, endorsed by, or sponsored by WebStorm. All product names, logos, and trademarks are property of their respective owners. See our licensing & trademark notice.

Get the WebStorm poster

4 art directions — pick one below, click to zoom & compare.

Layout
WEBSTORMKEYBOARD SHORTCUTS · MAC · 40 ESSENTIAL1⌘Open corr…234567890QWE⌘Recent file…R⌃RunT⌃Refactor th…YUIO⌘ ⇧Go to filePA⌘ ⇧Find ActionSD⌃DebugF⌘FindG⌃Select nex…HJ⌃Quick doc…K⌘Commit pr…L⌘ ⌥Reformat c…ZXCV⌘ ⌥Extract Var…B⌘Go to decl…N⌘Generate c…MMORE SHORTCUTSSearch Everywh…⇧›⇧Basic code com…⌃␣Show intention a…⌥↵Rename⇧F6Comment with li…⌘/Duplicate curren…⌘DFind in path⌘⇧FFind usages⌥F7Open Settings…⌘,Delete line at car…⌘⌦Go to class⌘OReplace⌘RToggle breakpoint⌘F8Switch between…⌃⇥Comment with b…⌘⇧/Extend selection⌥↑Go to symbol⌘⌥OGo to line⌘LFile structure po…⌘F12Step overF8Resume program⌘⌥RVCS quick popup⌃VUpdate project fr…⌘TInsert Live templ…⌘JMove line down⌥⇧↓shortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH WEBSTORM · MAC
CODE COMPLETIONBasic code completion⌃␣Show intention actions and quic…⌥↵Quick documentation lookup⌃JInsert Live template⌘JNAVIGATIONGo to declaration⌘BGo to file⌘⇧ORecent files popup⌘EGo to class⌘OGo to symbol⌘⌥OGo to line⌘LFile structure popup⌘F12Next highlighted errorF2TOOL WINDOWSOpen corresponding tool window⌘1GENERALSearch Everywhere⇧›⇧Find Action⌘⇧AOpen Settings / Preferences⌘,Switch between tabs and tool wi…⌃⇥Toggle maximizing editor⌃⇧F12SEARCHFind⌘FFind in path⌘⇧FFind usages⌥F7Replace⌘RRUN & DEBUGRun⌃RDebug⌃DToggle breakpoint⌘F8Step overF8Resume program⌘⌥REDITINGReformat code⌘⌥LComment with line comment⌘/Duplicate current line or selecte…⌘DGenerate code⌘NDelete line at caret⌘⌦Comment with block comment⌘⇧/Extend selection⌥↑Select next occurrence⌃GMove line down⌥⇧↓REFACTORINGRename⇧F6Refactor this⌃TExtract Variable⌘⌥VVCSCommit project to VCS⌘KVCS quick popup⌃VUpdate project from VCS⌘TWebStormKEYBOARD SHORTCUTS · MAC · 42BOTH LAYOUTSQWERTYQWERTYAZERTYAZERTYshortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH WEBSTORM · MAC
CODE COMPLETION04Basic code completion⌃␣Show intention actions…⌥↵Quick documentation loo…⌃JInsert Live template⌘JNAVIGATION08Go to declaration⌘BGo to file⌘⇧ORecent files popup⌘EGo to class⌘OGo to symbol⌘⌥OGo to line⌘LFile structure popup⌘F12Next highlighted errorF2TOOL WINDOWS01Open corresponding tool…⌘1GENERAL05Search Everywhere⇧›⇧Find Action⌘⇧AOpen Settings / Prefere…⌘,Switch between tabs and…⌃⇥Toggle maximizing editor⌃⇧F12SEARCH04Find⌘FFind in path⌘⇧FFind usages⌥F7Replace⌘RRUN & DEBUG05Run⌃RDebug⌃DToggle breakpoint⌘F8Step overF8Resume program⌘⌥REDITING09Reformat code⌘⌥LComment with line comme…⌘/Duplicate current line…⌘DGenerate code⌘NDelete line at caret⌘⌦Comment with block comm…⌘⇧/Extend selection⌥↑Select next occurrence⌃GMove line down⌥⇧↓REFACTORING03Rename⇧F6Refactor this⌃TExtract Variable⌘⌥VVCS03Commit project to VCS⌘KVCS quick popup⌃VUpdate project from VCS⌘TWebStormKEYBOARD SHORTCUTS · MAC · 42BOTH LAYOUTSQWERTYQWERTYAZERTYAZERTYshortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH WEBSTORM · MAC
WEBSTORM · KEYBOARD SHORTCUTSMac · 9 SETS · No.01WEBSTORMTOTAL42SHORTCUTSFOR MAC · SHIPPED COMBOSSETSGENERAL05CODE COMPLETI04EDITING09NAVIGATION08SEARCH04REFACTORING03RUN & DEBUG05VCS03TOOL WINDOWS01REF. EDITION · JAN 2026shortcutposters.comSearch Everywhere⇧›⇧Find Action⌘⇧AOpen Settings / Preferences⌘,Switch between tabs and tool window⌃⇥Toggle maximizing editor⌃⇧F12Basic code completion⌃␣Show intention actions and quick-fixes⌥↵Quick documentation lookup⌃JInsert Live template⌘JReformat code⌘⌥LComment with line comment⌘/Duplicate current line or selected block⌘DGenerate code⌘NDelete line at caret⌘⌦Comment with block comment⌘⇧/Extend selection⌥↑Select next occurrence⌃GMove line down⌥⇧↓Go to declaration⌘BGo to file⌘⇧ORecent files popup⌘EGo to class⌘OGo to symbol⌘⌥OGo to line⌘LFile structure popup⌘F12Next highlighted errorF2Find⌘FFind in path⌘⇧FFind usages⌥F7Replace⌘RRename⇧F6Refactor this⌃TExtract Variable⌘⌥VRun⌃RDebug⌃DToggle breakpoint⌘F8Step overF8Resume program⌘⌥RCommit project to VCS⌘KVCS quick popup⌃VUpdate project from VCS⌘TOpen corresponding tool window⌘1

Mac edition · 42 shortcuts

A printable, framed-quality poster of the essential WebStorm shortcuts for Mac — the keys worth keeping in view, designed to stay readable on a wall.

Edition

Free PNG is web-resolution & watermarked.

Customise this poster Pick the shortcuts, restyle the colours — download free. Get the framed-quality print Full 300 DPI, print-ready — at home or shipped to your door.

These shortcuts, on physical keys

There is a Stream Deck profile for WebStorm — 117 shortcuts laid out across the keys, each one labelled, installed by double-clicking a file. It fits every current Stream Deck model.

Get the WebStorm Stream Deck profile →

Frequently asked questions

Does the poster include every WebStorm shortcut?
WebStorm has 42 keyboard shortcuts on macOS — the complete list is free to read on this page. The poster features the most essential ones, curated to stay readable on a wall.
Can I print it at home?
Yes. The digital download is a high-resolution 300 DPI file you can print at home or at any print shop, in standard frame sizes.
Does it cover both Mac and Windows?
We sell a separate edition per platform so every key matches your keyboard exactly. This page is the macOS edition.
Is this an official WebStorm product?
No. This is an unofficial reference poster and is not affiliated with or endorsed by WebStorm. All trademarks belong to their respective owners.

Promote your app

Built an app with great keyboard shortcuts? Get it into the database — a free, searchable reference page, and an optional printable poster your power users will pin to the wall.

  • Free shortcut reference page
  • Indexed & searchable
  • Optional framed poster