Webstorm, developed by JetBrains, is a powerful IDE tailored for web development, offering robust features such as intelligent coding assistance, debugging, and seamless integration with popular tools. Mastering its shortcut keys can significantly enhance productivity.
Webstorm Windows Shortcut Keys
Editing
shortcut
description
CtrlSpace
Basic code completion
AltEnter
Show intention actions, quick fixes
CtrlP
Parameter info
CtrlQ
Quick documentation lookup
Ctrlmouse over
Brief Info
CtrlF1
Error or warning at caret
AltInsert
Generate code...
CtrlAltT
Surround with...
CtrlJ
Insert Live template
Ctrl/
Comment/uncomment with line
CtrlShift/
Comment/uncomment with block
CtrlW
Select successively increasing code blocks
CtrlShiftW
Decrease current selection to previous state
Alt+Q
Context Info
CtrlAltL
Reformat code
CtrlAltI
Auto-indent line(s)
Tab
Indent selected lines
ShiftTab
Unindent selected lines
CtrlShiftV
Paste from recent buffers...
CtrlD
Duplicate current line or selected block
CtrlY
Delete line at caret
AltShiftUp
Move line up
AltShiftDown
Move line down
CtrlShiftJ
Join lines
CtrlEnter
Split lines
ShiftEnter
Start new line
CtrlShiftU
Toggle case for word at caret or selected block
CtrlShift]
Select till code block end
CtrlShift[
Select till code block start
CtrlDelete
Delete to word end
CtrlBackspace
Delete to word start
Ctrl+
Expand code block
Ctrl-
Collapse code block
CtrlShift+
Expand all
CtrlShift-
Collapse all
CtrlF4
Close active editor tab
General
shortcut
description
Double Shift
Search everywhere
CtrlShiftA
Find Action
Alt0...9
Open corresponding tool window
CtrlShiftF12
Toggle maximizing editor
AltShiftF
Add to Favorites
AltShiftI
Inspect current file
Ctrl`
Quick switch current scheme
CtrlAltS
Open Settings dialog
CtrlTab
Switch between tool and tabs
Navigation
shortcut
description
CtrlB /Ctrl + Click
Go to declaration
CtrlN
Go to class
CtrlShiftN
Go to file
CtrlAltShiftN
Go to symbol
AltRight
Go to next editor tab
AltLeft
Go to previous editor tab
F12
Go back to previous tool window
Esc
Go to editor
CtrlG
Go to line
CtrlE
Recent files popup
CtrlAltRight
Navigate forward
CtrlAltLeft
Navigate back
CtrlShiftBackspace
Navigate to last edit location
AltF1
Select current file or symbol in any view
CtrlAltB
Go to implementation(s)
CtrlShiftI
Open quick definition lookup
CtrlShiftB
Go to type declaration
CtrlU
Go to super-method/super-class
AltUp
Go to previous method
AltDown
Go to next method
Ctrl] /[
Move to code block end/start
CltrlShiftM
Move caret to matching brace
CtrlF12
File structure popup
CtrlH
Type hierarchy
CtrlAltH
Call hierarchy
F2 / ShiftF2
Next/previous highlighted error
F4 / CtrlEnter
Jump to source
AltHome
Jump to navigation bar
F11
Toggle bookmark
CtrlShiftF11
Toggle bookmark with mnemonic
Ctrl0...9
Go to numbered bookmark
ShiftF11
Show bookmarks
Multiple carets and selections
shortcut
description
AltClick
Add or remove caret
ShiftCtrl + Alt-J
Select all occurrences
AltJ
Select next occurrence
AltShiftJ
Unselect occurrence
Esc
Unselect all occurrences or carets
Debugging
shortcut
description
F8
Step over
F7
Step into
ShiftF7
Smart step into
ShiftF8
Step out
AltF9
Run to cursor
AltF8
Evaluate expression
F9
Resume program
CtrlF8
Toggle breakpoint
CtrlShiftF8
View breakpoints
Running
shortcut
description
AltShiftF10
Select configuration and run
AltShiftF9
Select configuration and debug
ShiftF10
Run
ShiftF9
Debug
CtrlShiftF10
Run context configuration from editor
AltShiftR
Rerun tests
AltF11
Run Gulp/Grunt/npm tasks
Usage Search
shortcut
description
AltF7
Find usages
CtrlF7
Find usages in file
CtrlShiftF7
Highlight usages in file
CtrlAltF7
Show usages
VCS/Local History
shortcut
description
Alt`
VCS quick popup
CtrlK
Commit project to VCS
CtrlT
Update project from VCS
AltShiftC
View recent changes
Search/Replace
shortcut
description
CtrlF
Find
F3
Find next
ShiftF3
Find previous
CtrlShiftF
Find in path
CtrlR
Replace
CtrlShiftR
Replace in path
Refactoring
shortcut
description
CtrlAltShift +T
Refactor this
F5 / F6
Copy / Move
AltDelete
Safe Delete
ShiftF6
Rename
CtrlF6
Change function signature
CtrlAltN
Inline Variable
CtrlAltM
Extract Method
CtrlAltV
Extract Variable
CtrlAltC
Extract Constant
CtrlAltP
Extract Parameter
Download Webstorm Windows Shortcut Keys Cheatsheet PDF
We provide a Webstorm Windows Shortcut Keys PDF download feature. Click the download button to get the file. Please note that generating the PDF may take some time, so please be patient. Download
Webstorm MacOS Shortcut Keys
Below is a categorized list of Webstorm MacOS shortcut keys, designed to streamline your workflow.
Navigation Shortcuts**
Shortcut
Description
Cmd + O
Open a class
Cmd + Shift + O
Open a file
Cmd + E
Recent files popup
Cmd + Shift + E
Recently edited files
Cmd + F12
Navigate to file structure
Cmd + Option + B
Navigate to implementation
Code Editing Shortcuts
Shortcut
Description
Cmd + Alt + L
Reformat code
Cmd + /
Comment/uncomment line
Cmd + Option + /
Block comment/uncomment
Cmd + D
Duplicate a line or selection
Cmd + Backspace
Delete a line
Option + Enter
Show intention actions
Debugging Shortcuts
Shortcut
Description
Cmd + Option + R
Resume program
Cmd + Option + D
Toggle debug window
F8
Step over
F7
Step into
Shift + F8
Step out
Option + F9
Run to cursor
Search and Replace Shortcuts
Shortcut
Description
Cmd + F
Find
Cmd + R
Replace
Cmd + Shift + F
Find in path
Cmd + Shift + R
Replace in path
Cmd + G
Find next
Cmd + Shift + G
Find previous
Refactoring Shortcuts
Shortcut
Description
Cmd + Option + V
Extract variable
Cmd + Option + M
Extract method
Cmd + Option + C
Extract constant
Cmd + Option + N
Inline variable
Shift + F6
Rename
Version Control Shortcuts
Shortcut
Description
Cmd + 9
Open version control window
Cmd + K
Commit changes
Cmd + T
Update project
Cmd + Option + Z
Rollback changes
Cmd + Shift + K
Push changes
Download Webstorm MacOS Shortcut Keys Cheatsheet PDF
We provide a Webstorm MacOS Shortcut Keys PDF download feature. Click the download button to get the file. Please note that generating the PDF may take some time, so please be patient. Download
About Webstorm
Webstorm is an Integrated Development Environment (IDE) designed for JavaScript, TypeScript, and related web development technologies. Known for its advanced coding capabilities and user-friendly design, Webstorm helps developers efficiently handle complex projects.
How do I customize Webstorm shortcuts?
Navigate to Preferences > Keymap to modify or add shortcuts.
Can I import/export custom keymaps in Webstorm?
Yes, Webstorm allows you to import and export keymaps via the Keymap settings.
Is there a way to reset keymaps to default?
Yes, you can reset the keymap to default by selecting Default from the Keymap settings.
Are Webstorm shortcuts consistent across platforms?
No, shortcuts may vary between Windows, Linux, and MacOS.
What is the quickest way to find a shortcut?
Use Cmd + Shift + A to search for actions and their shortcuts.
Can I disable certain shortcuts in Webstorm?
Yes, you can unassign shortcuts in the Keymap settings.
Does Webstorm provide a cheat sheet for shortcuts?
Yes, you can find the cheat sheet on the official Webstorm documentation page.
How can I learn Webstorm shortcuts quickly?
Practice frequently used shortcuts or use the Key Promoter X plugin.
Conclusion
Mastering Webstorm shortcut keys can save time and improve coding efficiency. Whether you’re navigating files, debugging, or managing version control, these shortcuts empower you to work smarter. Explore Webstorm's documentation to uncover more productivity-boosting tips!
