Webstorm Common shortcut key Memo (Webstorm Getting Started Guide)

Webstorm is a JavaScript development tool owned by JetBrains Corporation. By the vast number of Chinese JS developers known as "web front-end development artifact", "the most powerful HTML5 editor", "the most intelligent javasscript IDE" and so on. And IntelliJ idea homologous, inherited the IntelliJ idea powerful JS part of the function. Baidu Encyclopedia

Software Name:

jetbrains Webstorm (Java, HTML5 development tools) v8.0.5 official English version

Software size:

140.7MB

Update Time:

2014-10-01

Now the most commonly used shortcut keys out of the memo, both to facilitate memory, but also to improve work efficiency.

Webstorm shortcut key operation in the most recent time, when writing JavaScript, find a gray and powerful IDE. Name called: Webstorm

Currently in English, the function is very powerful. I am also slowly groping, now some of its commonly used shortcut keys listed, for the user reference.

1. CTRL + SHIFT + N: Opens a file in the project to open any directory under the current project.
2. Ctrl + J: output template
3. Ctrl + B: Skip to variable declaration
4. Ctrl + ALT + T: Surround the package code (including Zencoding's wrap with abbreviation)
5. Ctrl + []: match {}[]
6. Ctrl + F12: can display the structure of the current file
7. Ctrl + X: Cut (delete) row, uncheck, cut the entire row directly, and cut the selected content if part is selected
8. ALT + Left/right: Tag Toggle
9. Ctrl + R: Replace
CTRL + SHIFT + UP: line move
SHIFT + ALT + UP: Block Movement (if () {},while () {} statement block movement)
CTRL + D: Row copy
CTRL + SHIFT +/[: Check Block code
CTRL +/: Single-line comment
CTRL + SHIFT +/: Block comment
CTRL + SHIFT + I: Show details of the current CSS selector or JS function
+ Ctrl + '-/+ ': You can collapse any code block in the project, it is not selected collapsed, but automatically recognizes the collapse.
CTRL + '. ': Collapses the code of the selected code.
SHIFT + ESC: Any small window that is currently active is minimized, or ALT + number key, and the number is displayed in a small window.
ALT + ' 7 ': Displays the current function structure.
21. In the case of a *.html page, right-click on a DOM structure in the navigation bar under the file name to select the current DOM structure as a whole.

Common shortcut keys-webstorm Getting Started Guide

Improve the efficiency of code writing, without the use of shortcut keys, Webstorm has a wealth of code to quickly edit the function, you can freely configure the function shortcut keys.

how to set up under Windows

Shortcut key Configuration
Click "File", "Settings"

Webstorm Presets The other editor's shortcut configuration, you can click



Default configuration-eclipse common shortcut key table

Find/Replace

Webstorm shortcut keys	Eclipse shortcut keys	Description
Ctrl+shift+n	Ctrl+shift+r	Quickly find files within a project by file name (required)
Ctrl+shift+alt+n	Ctrl+shift+alt+n	Quick Find location with one character (required)
Ctrl+f	Ctrl+f	Quickly find code within a file
F3	Ctrl+k	Find the next
Shift+f3	Ctrl+shift+k	Find Previous
Ctrl+r	Ctrl+f	In-File code substitution
Ctrl+shift+r		Specify code bulk substitution in Directory
Ctrl+shift+f	Ctrl+h	Specify in-Directory code bulk Lookup

interface Operation

Webstorm shortcut keys	Eclipse shortcut keys	Description
Ctrl+shift+a	Ctrl+shift+a	Quickly find and use all the functions of the editor (must remember)
ALT+[0-9]	ALT+[0-9]	Quick Disassembly Function Interface module
Ctrl+shift+f12	Ctrl+shift+f12	Maximum area display code (hides other feature interface modules)
Alt+shift+f	Alt+shift+f	Add the current file to the Favorites folder
Ctrl+alt+s	Ctrl+alt+s	Open the Configuration window
Ctrl+tab	Ctrl+tab	Toggle Code tab (also make this selection, less efficient)
ALT +←/→	ALT +←/→	Toggle Code Tab
Ctrl+f4	Ctrl+f4	Close the Current Code tab

Code editing

Webstorm shortcut keys	Eclipse shortcut keys	Description
Ctrl+d	ctrl+shift+↑	Copy when moving forward
Ctrl+w	alt+shift+↑	Select a word
Ctrl +←/→	Ctrl +←/→	Jump cursor position with Word as boundary
Alt+insert	Alt+insert	Create a new file or other
Ctrl+alt+l	Ctrl+alt+l	Formatting code
Shift+tab/tab	Shift+tab/tab	Decrease/Enlarge indent (you can reduce line indentation in your code)
Ctrl+y	Ctrl+d	Delete a row
Shift+enter	Shift+enter	Start a row again (regardless of where the cursor is)

Navigation

Webstorm shortcut keys	Eclipse shortcut keys	Description
Esc	Esc	Enter the code editing area
Alt+f1	Alt+f1	Useful for finding the location of code in other interface modules
Ctrl+g	Ctrl+l	The code to the specified line
ctrl+]/[	ctrl+]/[	Cursor to front or back of code block
Alt+up/down	Ctrl+shift+up/down	Previous/Next method

Last modified: 2014.05.12

Mac Apple System:

Shortcut	function
Command + d	copy current row or selected chunk
command + F	find current document
Command + G	jumps to a row in a document a column
Command + P	display parameter information
Command + R	Replace the current document
Command + w	Select the current word, line, chunk, and so on
command + y	delete entire line
Command + mouseover	Display primary information
COMMAND + [	move cursor to code block before
Command +]	move cursor to code block footer
Command + +	collapse Chunk
Command +-	expand chunks
command +->	cursor moves to end of line
Command + <-	cursor moved to wardrobe

shortcut Keys	function
Command + OPTION + t	Include the code in some format.
Command + OPTION + L	Formatting the Code

shortcut Keys	function
Command + SHIFT + U	Toggle Case
Command + SHIFT + [	Before you select the code block
COMMAND + SHIFT +]	Check to end of code block
Command + SHIFT + +	Collapse All chunks
COMMAND + SHIFT +-	Expand All Blocks

shortcut Keys	function
SHIFT + RETURN	Wrap at any location
SHIFT + F6	Advanced modifications to quickly modify tags, variables, functions, and so on, where the cursor is located
CONTROL + SHIFT + F	Find in Path
CONTROL + SHIFT + J	Merge rows
CONTROL + SHIFT + R	Replace in Path

shortcut Keys	function
OPTION + DELETE	Delete to Word start
Option + fn + DELETE	Delete to Word end
OPTION +	Move the cursor in the word unit
OPTION + <-	Move the cursor in the word unit

Webstorm Common Shortcut Memo (Webstorm Getting Started Guide)