WebStorm is a cross-platform IDE primarily for web, JavaScript, and TypeScript development.
119
Shortcuts
113
Matching
basic code completion
^
␣
show intention actions, quick fixes
⎇
↵
parameter info
^
P
quick documentation lookup
^
Q
error or warning at caret
^
F1
generate code...
⎇
INS
surround with...
^
⎇
T
insert live template
^
J
comment/uncomment with line
^
/
comment/uncomment with block
⇧
^
/
select successively increasing code blocks
^
W
decrease current selection to previous state
⇧
^
W
context info
⎇
Q
reformat code
^
⎇
L
auto-indent line(s)
^
⎇
I
indent selected lines
↹
unindent selected lines
⇧
↹
paste from recent buffers...
⇧
^
V
duplicate current line or selected block
^
D
delete line at caret
^
Y
move line up
⇧
⎇
↑
move line down
⇧
⎇
↓
join lines
⇧
^
J
split lines
^
↵
start new line
⇧
↵
toggle case for word at caret or selected block
⇧
^
U
select till code block end
⇧
^
]
select till code block start
⇧
^
[
delete to word end
^
␡
delete to word start
^
⌫
expand code block
^
+
collapse code block
^
-
expand all
⇧
^
+
collapse all
⇧
^
-
close active editor tab
^
F4
find action
⇧
^
A
toggle maximizing editor
⇧
^
F12
add to favorites
⇧
⎇
F
inspect current file
⇧
⎇
I
quick switch current scheme
^
`
open settings dialog
^
⎇
S
switch between tools and tabs
^
↹
go to declaration
^
B
go to class
^
N
go to file
⇧
^
N
go to symbol
⇧
^
⎇
N
go to next editor tab
⎇
→
go to previous editor tab
⎇
←
go back to previous tool window
F12
go to editor / unselect all occurrences or carets
⎋
go to line
^
G
recent files popup
^
E
navigate forward
^
⎇
→
navigate back
^
⎇
←
navigate to last edit location
⇧
^
⌫
select current file or symbol in any view
⎇
F1
go to implementation(s)
^
⎇
B
open quick definition lookup
⇧
^
I
go to type declaration
⇧
^
B
go to super-method/super-class
^
U
go to previous method
⎇
↑
go to next method
⎇
↓
move to code block end
^
]
move to code block start
^
[
move caret to matching brace
⇧
^
M
file structure popup
^
F12
type hierarchy
^
H
call hierarchy
^
⎇
H
next highlighted error
F2
previous highlighted error
⇧
F2
jump to source
F4
jump to navigation bar
⎇
↖
toggle bookmark
F11
toggle bookmark with mnemonic
⇧
^
F11
show bookmarks
⇧
F11
select all occurrences
⇧
^
⎇
J
select next occurrence
⎇
J
unselect occurrence
⇧
⎇
J
step over
F8
step into
F7
smart step into
⇧
F7
step out
⇧
F8
run to cursor
⎇
F9
evaluate expression
⎇
F8
resume program
F9
toggle breakpoint
^
F8
view breakpoints
⇧
^
F8
select configuration and run
⇧
⎇
F10
select configuration and debug
⇧
⎇
F9
run
⇧
F10
debug
⇧
F9
run context configuration from editor
⇧
^
F10
rerun tests
⇧
⎇
R
run gulp/grunt/npm tasks
⎇
F11
find usages
⎇
F7
find usages in file
^
F7
highlight usages in file
⇧
^
F7
show usages
^
⎇
F7
vcs quick popup
⎇
`
commit project to vcs
^
K
update project from vcs
^
T
view recent changes
⇧
⎇
C
find
^
F
find next
F3
find previous
⇧
F3
find in path
⇧
^
F
replace
^
R
replace in path
⇧
^
R
refactor this
⇧
^
⎇
T
copy
F5
move
F6
safe delete
⎇
␡
Rename
⇧
F6
Change function signature
^
F6
Inline Variable
^
⎇
N
Extract Method
^
⎇
M
Extract Variable
^
⎇
V
Extract Constant
^
⎇
C
Extract Parameter
^
⎇
P
Don't see your shortcut? Learn how to contribute.