WebStorm Keyboard Shortcuts

A deep WebStorm shortcuts guide for JavaScript/TypeScript navigation, refactor, debugging, and Git.

WebStorm Keyboard Shortcuts banner

Search & Navigation (Mac)

Key / CodeDescription
Shift + ShiftSearch everywhere
Cmd + OGo to class
Cmd + Shift + OGo to file
Cmd + Option + OGo to symbol
Cmd + ERecent files

Search & Navigation (Windows/Linux)

Key / CodeDescription
Shift + ShiftSearch everywhere
Ctrl + NGo to class
Ctrl + Shift + NGo to file
Ctrl + Alt + Shift + NGo to symbol
Ctrl + ERecent files

Editing

Key / CodeDescription
Cmd/Ctrl + /Line comment
Cmd/Ctrl + Shift + /Block comment
Option/Alt + EnterShow intention actions
Cmd/Ctrl + Option/Alt + LReformat code
Cmd/Ctrl + DDuplicate line/selection

Refactor

Key / CodeDescription
Shift + F6Rename
Cmd/Ctrl + Option/Alt + VExtract variable
Cmd/Ctrl + Option/Alt + MExtract method
Cmd/Ctrl + Option/Alt + NInline

Debugging

Key / CodeDescription
Ctrl + D (Mac)Debug
Shift + F9Debug
F8Step over
F7Step into
Shift + F8Step out

Git

Key / CodeDescription
Cmd/Ctrl + KCommit
Cmd/Ctrl + TUpdate project
Cmd/Ctrl + Shift + KPush

Pro Workflow

Loop: search → quick fix → refactor → format → commit.

Shift + Shift  # search
Alt/Option + Enter  # quick fix
Shift + F6  # rename
Cmd/Ctrl + Alt/Option + L  # format
Cmd/Ctrl + K  # commit
Knowledge is power.