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.
Official:Official site
All WebStorm keyboard shortcuts (Mac)
+ 1 more control in the table below
+ 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.
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.
Free PNG is web-resolution & watermarked.
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.
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.
Thanks — your feedback helps us improve.
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