WebStorm shortcuts
- 128 shortcuts
- 10 sections
- Development
- Also on: Windows
- Verified against official docs
Your answer helps keep this page right.
Do these shortcuts work for you?
In WebStorm’s list, Multiple Carets is a short section: its three shortcuts, Select Next Occurrence, Select All Occurrences and Unselect Occurrence, use one letter with different modifiers. Usage Search finds where a symbol is used.
Start with these
- Search Everywhere
- Go to Declaration
- Show Intention Actions / Quick Fixes
- Select Next Occurrence
- Reformat Code
- Rename
Tips for WebStorm
- The Usage Search shortcuts use one function key with different modifiers: Find Usages ⌥F7, Find Usages in File ⌘F7, Highlight Usages in File ⌘⇧F7 and Show Usages ⌘⌥F7.
- Move Line Up ⌥⇧↑ and Move Line Down ⌥⇧↓ move the current line. Duplicate Line / Block ⌘D copies it.
- Go to Declaration ⌘B goes to where a symbol is defined, and Navigate Back ⌘⌥← returns to where you were.
Jump to section
General9
| Action | Shortcut |
|---|---|
| Search Everywhere | |
| Find Action | |
| Run Anything | |
| Open Settings | |
| Toggle Maximizing Editor | |
| Add to Favorites | |
| Inspect Current File | |
| Switch Between Tool and Tabs | |
| Quick Switch Scheme |
Editing35
| Action | Shortcut |
|---|---|
| Basic Code Completion | |
| Show Intention Actions / Quick Fixes | |
| Parameter Info | |
| Quick documentation live template | |
| Error or Warning at Caret | |
| Generate Code | |
| Surround With | |
| Comment / Uncomment Line | |
| Comment / Uncomment Block | |
| Select Increasing Code Blocks | |
| Decrease Selection | |
| Context Info | |
| Reformat Code | |
| Auto-Indent Lines | |
| Indent Selected Lines | |
| Unindent Selected Lines | |
| Paste From Recent Buffers | |
| Duplicate Line / Block | |
| Delete Line at Caret | |
| Move Line Up | |
| Move Line Down | |
| Join Lines | |
| Split Lines | |
| Start New Line | |
| Toggle Case | |
| Select Till Code Block End | |
| Select Till Code Block Start | |
| Delete to Word Start | |
| Delete to Word End | |
| Expand Code Block | |
| Collapse Code Block | |
| Expand All | |
| Collapse All | |
| Close Active Editor Tab | |
| Complete Statement |
Search / Replace6
| Action | Shortcut |
|---|---|
| Find | |
| Find Next | |
| Find Previous | |
| Find in Path | |
| Replace | |
| Replace in Path |
Multiple Carets3
| Action | Shortcut |
|---|---|
| Select All Occurrences | |
| Select Next Occurrence | |
| Unselect Occurrence |
Refactoring10
| Action | Shortcut |
|---|---|
| Refactor This | |
| Copy | |
| Move | |
| Rename | |
| Change Function Signature | |
| Inline Variable | |
| Extract Method | |
| Extract Variable | |
| Extract Constant | |
| Extract Parameter |
Running / Debugging16
| Action | Shortcut |
|---|---|
| Select Configuration and Run | |
| Select Configuration and Debug | |
| Run | |
| Debug | |
| Run Context Configuration | |
| Rerun Tests | |
| Run Gulp / Grunt / npm Tasks | |
| Step Over | |
| Step Into | |
| Smart Step Into | |
| Step Out | |
| Run to Cursor | |
| Evaluate Expression | |
| Resume Program | |
| Toggle Breakpoint | |
| View Breakpoints |
Usage Search4
| Action | Shortcut |
|---|---|
| Find Usages | |
| Find Usages in File | |
| Highlight Usages in File | |
| Show Usages |
VCS / Git4
| Action | Shortcut |
|---|---|
| VCS Quick Popup | |
| Commit | |
| Update Project from VCS | |
| View Recent Changes |
Tool Windows11
| Action | Shortcut |
|---|---|
| Project | |
| Bookmarks | |
| Find | |
| Run | |
| Debug | |
| Problems | |
| Structure | |
| Services | |
| Version Control | |
| Commit | |
| Terminal |
Report a problem
GitHub is public. Email is private.
Related resources
More Development shortcuts
Explore more macOS apps
Frequently Asked Questions
How many keyboard shortcuts does WebStorm have on macOS?
WebStorm has 128 keyboard shortcuts on macOS, organized into 10 sections: General, Editing, Search / Replace, Navigation, and more. This page lists all of them with searchable, organized shortcut tables.
Which WebStorm shortcuts should I learn first?
Start with Search Everywhere (⇧⇧), Go to Declaration (⌘B), Show Intention Actions / Quick Fixes (⌥↩), Select Next Occurrence (⌃G), Reformat Code (⌘⌥L), Rename (⇧F6). The sections on this page list the rest.
Can I download WebStorm shortcuts as a PDF?
Yes. Click the download button at the top of this page to generate a printable PDF cheat sheet with all 128 WebStorm shortcuts. The PDF includes organized sections, keycap-style key labels, and space for your own notes.
Where is the official WebStorm keyboard shortcuts documentation?
The official WebStorm keyboard shortcuts documentation is available on their website. Every shortcut on this page is sourced from and verified against the official documentation to ensure accuracy.
Do these WebStorm shortcuts work on all Mac keyboards?
Yes. These shortcuts work on all Mac keyboards, including MacBook built-in keyboards and external Apple keyboards. The modifier keys are Command (⌘), Option (⌥), Control (⌃), and Shift (⇧). On keyboards without a Function row, some F-key shortcuts may require holding the Fn key.
Maintained by Vladik Didyk
Access WebStorm shortcuts from your menu bar
KeyShortcut detects the active app and shows its shortcuts instantly. Switch it on in Settings. No memorization needed.