Webstrom Common shortcut keys

Recently learning JavaScript, and found a very useful IDE Webstrom

Now record the shortcut keys for the IDE

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.

Webstrom Common shortcut keys