Shulou(Shulou.com)06/02 Report--

This article will explain in detail what the WebStorm shortcuts are, and the editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

WebStorm is a JavaScript development tool of jetbrains company. At present, it has been praised by the majority of Chinese JS developers as "Web front-end development artifact", "the most powerful HTML5 editor", "the most intelligent JavaScript IDE" and so on. It is homologous with IntelliJ IDEA and inherits the functions of IntelliJ IDEA's powerful JS part.

1. Necessary shortcut keys

● Ctrl+/: comments the current line

● Ctrl+Shift+/: current location insert comment

● Ctrl+Alt+/: block comments, and Focus to the first line, used to write comments

● Ctrl+Shift+A: modify the tag before and after selecting the current tag

● F11: full screen

● Shift+F11: full-screen do not Disturb mode, editing only the current file

● Alt+F3: select all the same words

● Alt+.: closure label

● Alt+Shift+ digits: split screen display

● Alt+ numbers: toggle opening Nth file

● Shift+ right-drag: the cursor is used to change or insert column contents

The forward and backward keys of the ● mouse switch Tab files.

● press Ctrl, click or select in turn, but multiple locations need to be edited

● press the Ctrl+Shift+ up and down keys to replace the line

● Ctrl+Shift+P: open the command panel

● Ctrl+P: searching for files in a project

● Ctrl+G: jump to which line

● Ctrl+W: closes the currently open file

● Ctrl+Shift+W: close all open files

● Ctrl+Shift+V: paste and format

● Ctrl+D: select a word. Repetition increases the selection of the next same word.

● Ctrl+L: select a row, repeat to increase the selection of the next row in turn

● Ctrl+Shift+L: select multiple Lin

● Ctrl+Shift+Enter: inserts a new row before the current row

● Ctrl+X: delete the current line

● Ctrl+M: jump to corresponding parentheses

● Ctrl+U: soft undo, undo cursor position

● Ctrl+J: select tag content

● Ctrl+F: finding content

● Ctrl+Shift+F: find and replace

● Ctrl+H: replacing

● Ctrl+R: go to method

● Ctrl+N: create a new window

● Ctrl+K+B: switch sidebar

● Ctrl+Shift+M: select the contents of the current parentheses, repeat the parentheses themselves

● Ctrl+F2: setting / deleting tags

2. Select a class shortcut key

● Ctrl+ ← moves the cursor to the left, moving the cursor quickly

● Ctrl+ → moves the cursor to the right, moving the cursor quickly

● shift+ ↑ selects multiple lines up

● shift+ ↓ selects multiple lines down

● Shift+ ← selects Chinese text to the left

● Shift+ → selects the Chinese text to the right

● Ctrl+Shift+ ← selects Chinese text in units to the left

● Ctrl+Shift+ → selects Chinese text uniformly to the right

● Ctrl+Shift+ ↑ swaps the line of the cursor with the previous line of code (inserts the line of the cursor before the previous line)

● Ctrl+Shift+ ↓ swaps the cursor line with the next line of code (inserts the cursor line after the next line)

● Ctrl+Alt+ ↑ adds a multiline cursor up to edit multiple lines at the same time

● Ctrl+Alt+ ↓ adds a multiline cursor down to edit multiple lines at the same time

● Ctrl+D selects the text occupied by the cursor, and continuing with the operation will select the next same text.

● Alt+F3 select Chinese text and press the shortcut key to select all the same text at once for editing at the same time. Take a chestnut: quickly select and change all the same variable names, function names, etc.

● Ctrl+L selects the whole row and continues to select the next row, which has the same effect as Shift+ ↓.

● Ctrl+Shift+L selects multiple lines and then presses the shortcut key to insert a cursor at the end of each line to edit them at the same time

● Ctrl+Shift+M selects what is in parentheses (continue selecting parent parentheses). Take a chestnut: quickly select the code in the delete function, rewrite the function body code, or rewrite the contents in parentheses

● Ctrl+M cursor moves to the end or start position in parentheses

● Ctrl+Enter inserts a new row on the next line. Take a chestnut: you can quickly insert a row down even if the cursor is not at the end of the line.

● Ctrl+Shift+Enter inserts a new row on the previous line. Take a chestnut: even if the cursor is not at the beginning of the line, you can quickly insert a row up.

● Ctrl+Shift+ [check the code, press the shortcut key, collapse the code

● Ctrl+Shift+] Select the code, press the shortcut key, and expand the code

● Ctrl+K+0 expands all collapsed code

3. Edit keyboard shortcuts

● Ctrl+K+K removes the code from the cursor to the end of the line

● Ctrl+Shift+K deletes the entire row

● Ctrl+/ comment single Lin

● Ctrl+Shift+/ comments multiple lines

● Ctrl+J merges selected multiple lines of code into one line. Take a chestnut: merge CSS attributes in multi-line format into one line

● Ctrl+Shift+D copies the entire line of the cursor and inserts it into the next line

● Tab indents to the right

● Shift+Tab indents to the left

● Ctrl+K+U converts uppercase

● Ctrl+K+L converts lowercase

● Ctrl+Z undo

● Ctrl+Y redo

● Ctrl+U soft undo, feels the same as Gtrl+Z

● Ctrl+F2 set Bookmark

● Ctrl+T interchange left and right letters

● F6 word detection spelling

4. Search shortcuts

● Ctrl+F opens the bottom search box to find the keyword

● Ctrl+shift+F looks in folders. Unlike ordinary editors, sublime allows multiple folders to be added for search, slightly high-end and unstudied.

● Ctrl+P opens the search box. For example, Chestnut: 1, enter the file name in the current project, quickly search for the file, 2, enter @ and keywords, find the function name in the file, 3, enter: and number, jump to the line code in the file, 4, enter # and keyword, find the variable name

● Ctrl+G opens the search box and automatically jumps to the line of code with:, enter a number. Take Chestnut: quickly locate in a file with a long page code

● Ctrl+R opens the search box with @ automatically, enters keywords, and finds the name of the function in the file. Take a chestnut: quickly find a function on a page with more functions

● Ctrl+: opens the search box, automatically takes #, enters keywords, and finds variable names, attribute names, etc.

● Ctrl+Shift+P opens the command box. Scene Chestnut: open the naming box, enter keywords, and call sublime text or plug-in functions, such as installing plug-ins using package

● Esc exit cursor multi-line selection, exit search box, command box, etc.

5. Display keyboard shortcuts

● Alt+Shift+1 window split screen, restore the default 1 screen (non-keypad number)

● Alt+Shift+2 left and right split screen-2 columns

● Alt+Shift+3 left and right split screen-3 columns

● Alt+Shift+4 left and right split screen-4 columns

● Alt+Shift+5 is divided into four screens

● Alt+Shift+8 Vertical split screen-2 screen

● Alt+Shift+9 Vertical split-3 screens

● or right-click to open the tab, select vertical split or horizontal split

● Ctrl+K+B turns the sidebar on / off

● F11 full screen mode

● Shift+F11 do not Disturb Mode

● Ctrl+Tab toggles the tabs of the current window in the order in which the files have been browsed

● Ctrl+PageDown toggles the tab of the current window to the left

● Ctrl+PageUp toggles the tabs of the current window to the right

This is the end of this article on "what are the WebStorm shortcuts?". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.