Mac version reference shortcut keys
This article is the MAC version of the shortcut keys, reference the official shortcut keys to give the mapping order to write. This is not to say that it is not applicable to Win. For Win, please refer to the webstorm-help-key Reference in the following shortcut keys
- The basic requirement for using this tutorial is that the shortcut keys you set up should be restored to the WebStorm default
- Gif inside the code is just used to demonstrate how to use the shortcut keys, do not spray code garbage o ~
- Don’t tell me, I know how to turn them off. Nothing
- The following topics include but are not limited to: Setting theme, font size, customizing shortcut keys, customizing formatting code, Setting code templates, Formatting code using Prettier, customizing CSS writing order, Plug-in series, modifying NPM tools
- With a recommendation rating of 1-3 stars, you can customize your own shortcut keys
Click here for other tutorials
WebStorm Shortcut Keys for Mac (2)- Multiple Carets and Selections
Editing
This part mainly involves the operation of code editing. Popup box can be clicked with the mouse can be switched with the up and down keys to select.
⌃Space Recommended index ⭐️
I’m using the Vant framework. You can see that pressing the shortcut key prompts you to select the frame properties. However, note that it should be placed in the front of the label, not at the end, otherwise there will be no suggestion. Field test: It is also possible to use the Space key in position.
⌥⏎ Recommended index ⭐️
Shows quick fixes for suggestions/other actions
⌘P Recommended index ⭐️
It is also a property that provides the framework and is of little practical use
⌃J Recommended index ⭐️
A quick look at the documentation view is not really useful
⌘ Mouse Over Code Recommended index ⭐️⭐️ port ️
First, don’t let the name confuse you. ⌘ to essentially hover over the code while pressing. Can jump back and forth, secret repeated horizontal bar
⌥F11 Recommended index ⭐️⭐ ⭐
Projects run quickly, without clicking on a profile to run in the upper right corner
⌃⏎/⌘N Recommended index ⭐️
Display information like copyright
⌥⌘T Recommended index ⭐️⭐ ⭐ ⌥ ⌥ ⌥ ⌥ ⌥
Add code wrapping, especially if else
⌘J Recommended index ⭐️⭐️ disk ⭐ ⭐
Insert code templates, which you can define yourself. A tutorial will follow
⌘/ Recommended index ⭐️⭐ ⭐ ⭐️ contribution ️
Comment a single line of code
Contributes.contributes.⭐ ️⭐ ⭐ ⭐️ contribution ️
Comment out multiple lines of code
⌥↑/⌥↓ (manually defined to ⌘↑/⌘↓) Recommended index ⭐️ port specifies whether to contribute
Gradually expand out to select/cancel. ⇧⌥↑/⇧⌥↓ Move the selected item up/down
⌃⇧Q Recommended index ⭐️
Personally, I don’t think it’s useful. No
⌥⌘L Recommended index ⭐️⭐ ⭐️⭐️
Needless to say, format the code. When Prettier is formatted, the button is almost not needed
⌥⌘I recommend index ⭐️
This shortcut key cannot be reproduced. There may be a conflict with the Mac shortcut key. That’s it
⇥/⇧⇥ ⭐️
Controls the right/left indentation of the code. It’s not gonna work with Perttier
Contributes.contributes.v Recommendation index ⭐️⭐ ⭐ ⭐️ contribution ️
Paste it from history. Only the ones that were copied in Webstorm
⌘D Recommended index ⭐️⭐ ⭐ ⭐️ contribute ️
Duplicate the line where the cursor is located
⇧⌫ Recommended index ⭐️⭐ ⭐️⭐️
Deletes the entire line where the current cursor is located
Contribute⌥ ↑/ contribute⌥ ↓ Recommended index ⭐️ port maximum login time
This is explained in ⌥↑/⌥↓, not detailed
⌃⇧J Recommended index ⭐️
Putting code on a line that’s not on a line doesn’t help
⌘⏎ Recommended index ⭐️
Newline however does not have what use ~
⇧⏎ Recommended index ⭐️⭐ ⭐️⭐️
The cursor wraps directly back at any position
⇧⌘⏎(default is ⌥⌘⏎, contribute contribute contribute contribute contribute contribute contribute
The cursor wraps directly forward at any position
⇧⌘U Recommendation index ⭐️⭐️
Toggles the selected portion of case
⇧⌥⌘]/⇧⌥⌘[recommendation index ⭐️ bank
Select to start or end from current position
⌥⌫/⌥⌦ Recommended index ⭐️
Delete current position to head/tail. Notice that this is the word, not the whole line
⌘+/⌘- Recommended index ⭐️⭐ ⭐ ⭐️ contribution ️
Expand code/collapse code
⇧⌘=/⇧⌘- Recommendation index ⭐️⭐️
Expand/collapse the code in full. It’s lambda equals, not lambda plus but it’s the same button. If all expansion regardless of try to select all, and then the input method switch to English should be ok
⌘W Recommendation index ⭐️⭐ ⭐ ⭐️ contribution ️
Close the TAB bar/Settings popover for the current page. In addition to closing the TAB bar, you can also use the ESC button for most cases
