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.

Webstorm Hotkeys

2024 年 12 月 23 日

Post Views: 130

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
`Ctrl` `Space`	Basic code completion
`Alt` `Enter`	Show intention actions, quick fixes
`Ctrl` `P`	Parameter info
`Ctrl` `Q`	Quick documentation lookup
`Ctrl` `mouse over`	Brief Info
`Ctrl` `F1`	Error or warning at caret
`Alt` `Insert`	Generate code...
`Ctrl` `Alt` `T`	Surround with...
`Ctrl` `J`	Insert Live template
`Ctrl` `/`	Comment/uncomment with line
`Ctrl` `Shift` `/`	Comment/uncomment with block
`Ctrl` `W`	Select successively increasing code blocks
`Ctrl` `Shift` `W`	Decrease current selection to previous state
`Alt+Q`	Context Info
`Ctrl` `Alt` `L`	Reformat code
`Ctrl` `Alt` `I`	Auto-indent line(s)
`Tab`	Indent selected lines
`Shift` `Tab`	Unindent selected lines
`Ctrl` `Shift` `V`	Paste from recent buffers...
`Ctrl` `D`	Duplicate current line or selected block
`Ctrl` `Y`	Delete line at caret
`Alt` `Shift` `Up`	Move line up
`Alt` `Shift` `Down`	Move line down
`Ctrl` `Shift` `J`	Join lines
`Ctrl` `Enter`	Split lines
`Shift` `Enter`	Start new line
`Ctrl` `Shift` `U`	Toggle case for word at caret or selected block
`Ctrl` `Shift` `]`	Select till code block end
`Ctrl` `Shift` `[`	Select till code block start
`Ctrl` `Delete`	Delete to word end
`Ctrl` `Backspace`	Delete to word start
`Ctrl` `+`	Expand code block
`Ctrl` `-`	Collapse code block
`Ctrl` `Shift` `+`	Expand all
`Ctrl` `Shift` `-`	Collapse all
`Ctrl` `F4`	Close active editor tab

General

shortcut	description
`Double Shift`	Search everywhere
`Ctrl` `Shift` `A`	Find Action
`Alt` `0...9`	Open corresponding tool window
`Ctrl` `Shift` `F12`	Toggle maximizing editor
`Alt` `Shift` `F`	Add to Favorites
`Alt` `Shift` `I`	Inspect current file
`Ctrl` `	Quick switch current scheme
`Ctrl` `Alt` `S`	Open Settings dialog
`Ctrl` `Tab`	Switch between tool and tabs

Navigation

shortcut	description
`Ctrl` `B` /`Ctrl + Click`	Go to declaration
`Ctrl` `N`	Go to class
`Ctrl` `Shift` `N`	Go to file
`Ctrl` `Alt` `Shift` `N`	Go to symbol
`Alt` `Right`	Go to next editor tab
`Alt` `Left`	Go to previous editor tab
`F12`	Go back to previous tool window
`Esc`	Go to editor
`Ctrl` `G`	Go to line
`Ctrl` `E`	Recent files popup
`Ctrl` `Alt` `Right`	Navigate forward
`Ctrl` `Alt` `Left`	Navigate back
`Ctrl` `Shift` `Backspace`	Navigate to last edit location
`Alt` `F1`	Select current file or symbol in any view
`Ctrl` `Alt` `B`	Go to implementation(s)
`Ctrl` `Shift` `I`	Open quick definition lookup
`Ctrl` `Shift` `B`	Go to type declaration
`Ctrl` `U`	Go to super-method/super-class
`Alt` `Up`	Go to previous method
`Alt` `Down`	Go to next method
`Ctrl` `]` /`[`	Move to code block end/start
`Cltrl` `Shift` `M`	Move caret to matching brace
`Ctrl` `F12`	File structure popup
`Ctrl` `H`	Type hierarchy
`Ctrl` `Alt` `H`	Call hierarchy
`F2` / `Shift` `F2`	Next/previous highlighted error
`F4` / `Ctrl` `Enter`	Jump to source
`Alt` `Home`	Jump to navigation bar
`F11`	Toggle bookmark
`Ctrl` `Shift` `F11`	Toggle bookmark with mnemonic
`Ctrl` `0...9`	Go to numbered bookmark
`Shift` `F11`	Show bookmarks

Multiple carets and selections

shortcut	description
`Alt` `Click`	Add or remove caret
`Shift` `Ctrl + Alt-J`	Select all occurrences
`Alt` `J`	Select next occurrence
`Alt` `Shift` `J`	Unselect occurrence
`Esc`	Unselect all occurrences or carets

Debugging

shortcut	description
`F8`	Step over
`F7`	Step into
`Shift` `F7`	Smart step into
`Shift` `F8`	Step out
`Alt` `F9`	Run to cursor
`Alt` `F8`	Evaluate expression
`F9`	Resume program
`Ctrl` `F8`	Toggle breakpoint
`Ctrl` `Shift` `F8`	View breakpoints

Running

shortcut	description
`Alt` `Shift` `F10`	Select configuration and run
`Alt` `Shift` `F9`	Select configuration and debug
`Shift` `F10`	Run
`Shift` `F9`	Debug
`Ctrl` `Shift` `F10`	Run context configuration from editor
`Alt` `Shift` `R`	Rerun tests
`Alt` `F11`	Run Gulp/Grunt/npm tasks

Usage Search

shortcut	description
`Alt` `F7`	Find usages
`Ctrl` `F7`	Find usages in file
`Ctrl` `Shift` `F7`	Highlight usages in file
`Ctrl` `Alt` `F7`	Show usages

VCS/Local History

shortcut	description
`Alt` `	VCS quick popup
`Ctrl` `K`	Commit project to VCS
`Ctrl` `T`	Update project from VCS
`Alt` `Shift` `C`	View recent changes

Search/Replace

shortcut	description
`Ctrl` `F`	Find
`F3`	Find next
`Shift` `F3`	Find previous
`Ctrl` `Shift` `F`	Find in path
`Ctrl` `R`	Replace
`Ctrl` `Shift` `R`	Replace in path

Refactoring

shortcut	description
`Ctrl` `Alt` `Shift +T`	Refactor this
`F5` / `F6`	Copy / Move
`Alt` `Delete`	Safe Delete
`Shift` `F6`	Rename
`Ctrl` `F6`	Change function signature
`Ctrl` `Alt` `N`	Inline Variable
`Ctrl` `Alt` `M`	Extract Method
`Ctrl` `Alt` `V`	Extract Variable
`Ctrl` `Alt` `C`	Extract Constant
`Ctrl` `Alt` `P`	Extract Parameter

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

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.

Webstorm Official Information

Official Website: https://www.jetbrains.com/webstorm/
Download: https://www.jetbrains.com/webstorm/download/
Shortcut Keys Reference: Webstorm Keymap

Webstorm Shortcut Keys FAQs

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!