Disclaimer: This article is a blogger original article, shall not be reproduced without the bloggers allowed. Please indicate the source: https://blog.csdn.net/weixin_44222492/article/details/98726429 .
A, WebStorm common configuration
WebStorm finished package ······> WebStorm finished package and Tutorial Download
1. How do you change the font and theme
(1) change the theme: file (file) ······> setting (Settings) ······> editor (Editor) ??????> to switch the color scheme ??????> scheme (scheme) ······> choose your theme (darcula)
① Locate and then click the toolbar [setup] [file] under (or you can use shortcut keys + Alt + S Ctrl)
② find in the settings panel [editor] [options] switch color schemes and programs [ ] select the theme and click OK or [application]
(2) change the font: file (file) ······> setting (Settings) ······> editor (Editor) ······> font ······> Select the font , font size, line spacing
① Locate and then click the toolbar [setup] [file] under (or you can use shortcut keys + Alt + S Ctrl)
② setting panel] [font option to select the font, font size, line spacing, and click OK] or [application]
2. How to make webstorm activated when the project file is not open
file (File) ······> Settings (Settings) ······> Appearance & Behavior (appearance / behavior) ······> System settings (system setup) ??????> removed reopen last project on startup (at startup always open the last project)
Found in the settings panel appearance & behavior [options] [System Settings], and deselect [Reopen last project on startupreopen last project on startup] in the system settings, and click OK or [application]
3. How perfect display Chinese
file-> settings-> appearance in check override default fonts by (not recommended) , set the name: NsimSum, Size: 12
(the Appearance appearance NsimSum option, select the "overriding the default font", the name for the set, which is under the windows Typeface, font size 12). Here the entire character set is the IDE display a menu list including words. You can try to change it to English, as seen again in the menu item, Chinese and some will not display properly, into a small box.
4. How to display line number
The left-hand display area in the right click and select "show line number" (display line numbers []).
5. Wrap how the code
Right-click the left select the code display region [wrap].
Hook, wrap the code.
Two, webstorm shortcuts
1. Automatic completion: Tab (Emmet need to install plug-ins) ······> Emmet syntax description
Emmet plug-in installation process
2. Copy the current line:Ctrl+D
3. Delete the current line:Ctrl+Y
4. revoked:Ctrl+Z
5. Comment current line | uncommented:Ctrl+/
Single-line comments ①
② multi-line comments
6. The multi-line comment | uncommented:Ctrl+Shift+/
7. edit: alt + click on the location you want to edit
