WebStorm Cheatsheet - Frontend IDE Shortcut Reference

WebStorm brings JetBrains-grade tooling to JavaScript, and the payoff multiplies once you use its shortcuts. This reference covers editing and reformatting, completion/generation, navigation, refactoring, run/debug, Git and layout, all on the JetBrains keymap. It highlights the keys that matter for JS/TS work — smart completion, extract-to-const, git history — where the IDE genuinely beats editor-plus-CLI. After reading you jump between files, refactor and inspect git state without mousing over toolbar buttons.

Dev Tools·67 commands·Last updated 2026-07-21

Basic Editing 10

Cmd + D
Duplicate current line below
Cmd + Y
Delete whole line
Cmd + Shift + Enter
Complete statement (auto semicolons, braces)
Cmd + /
Toggle line comment
Cmd + Option + /
Toggle block comment
Cmd + Option + L
Reformat code
Cmd + Option + O
Optimize imports
Cmd + Option + I
Auto-indent
Cmd + Shift + J
Join lines
Cmd + Shift + U
Toggle case

Completion & Generation 11

Cmd + Space
Basic code completion
Cmd + Shift + Space
Smart code completion
Cmd + P
Parameter info
Cmd + J
Insert live template
Cmd + N
Generate code (constructor, getter/setter)
Cmd + Option + T
Surround with (if/for/try)
Cmd + Option + V
Extract variable
Cmd + Option + C
Extract constant
Cmd + Option + M
Extract method
Cmd + Option + F
Extract field
Cmd + Option + P
Extract parameter

Refactoring 9

Shift + F6
Rename
Cmd + F6
Change method signature
Cmd + Option + V
Extract variable
Cmd + Option + C
Extract constant
Cmd + Option + M
Extract method
Cmd + Option + N
Inline variable
Cmd + Option + K
Safe delete
F6
Move class/method
F5
Copy class/method

Debug & Run 10

Ctrl + R
Run current configuration
Ctrl + D
Debug current configuration
Cmd + F2
Stop
F8
Step over
F7
Step into
Shift + F8
Step out
Alt + F9
Run to cursor
Cmd + F8
Toggle breakpoint
Cmd + Shift + F8
View all breakpoints
Cmd + Option + R
Resume program

Git Integration 6

Cmd + K
Commit
Cmd + Shift + K
Push
Cmd + T
Pull
Cmd + Option + Z
Rollback
Cmd + Shift + A
Find action (search Git commands)
Cmd + 9
Open Git tool window

Windows & Views 8

Cmd + 1
Open/close Project panel
Cmd + 4
Open/close Run panel
Cmd + 7
Open/close Structure panel
Cmd + 9
Open/close Version Control panel
Cmd + Shift + F12
Maximize editor
Cmd + Option + F
Open/close Find panel
Cmd + ,
Open Settings
Cmd + ;
Open Project Structure

Tips

  • Cmd+Shift+A is the Command Palette; search any action without memorizing shortcuts.
  • Cmd+O and Cmd+Shift+O jump to classes and files, much faster than clicking.
  • Refactor shortcuts (Shift+F6 rename) update all references automatically - safer than manual find/replace.
  • Cmd+E shows recently opened files; quick switching is very useful.
  • Cmd+Option+L reformats code and Cmd+Option+O optimizes imports; run before committing.
  • When debugging, F7 steps in, F8 steps over, Shift+F8 steps out - master these three.

Official References

Each command links to its official documentation below, so you can verify the latest usage and read deeper.

Maintained by LaoHand

Publicly updated on Jul 21, 2026, continuously proofread against official docs.

Contact Us

Wrong command or description? Send us corrections, business inquiries or product feedback by email.

Contact Us