Webstorm was developed by a Czech company, and although the features are powerful, the UI seems to have never been a strong one for Eastern Europeans. Webstorm Default editor Color collocation is not fastidious, I see Accustomed to VS2012 dark Theme, again see this circumnavigated by luxury into frugality, have to change color.
New Scheme + Modify font
Ctrl+alt+s Open Settings interface, Editor > Colors&fonts > Font.
The Default scheme is a bright color, but I want to customize a dark background environment, so select Monokai in the scheme Name drop-down box on the right, as a basis for the changes, and then click Save As to give yourself a new scheme name, such as:
This can be set font (I generally choose consolas), font size, line spacing.
Custom Syntax Highlighting
Open the settings interface with Ctrl+alt+s, Editor > Colors&fonts.
Different languages have their own syntax highlighting rules, but some of them are generic (general), we first set it up, and then set the syntax highlighting for different languages as needed.
General's settings
Normal text: Default text
Collapsed text: Folded text
Cursor: Caret
Cursor Line: Caret row
Line number:
Todo:todo Default
Variable highlighting under cursor: Search result
Search results: Text Search Result
Matching parentheses: Matched brace
Mismatched parentheses: unmatched brace
Unused symbol: Unused symbol
Left void (line number, breakpoint): Gutter background
Selected text background color: Selection background
Selected text foreground color: Selection foreground
Language-sensitive settings
For example, if you want to change the syntax highlighting for JavaScript, select JavaScript in, and then set the details. The specific settings will not be mentioned.
Show line number + wrap line
If you are programming with VIM, the line number is a necessary aid. Webstorm The default is not to display line numbers, it doesn't matter, it is very easy to display line numbers.
As long as you right-click the gutter area at the left of the code, the menu will appear: Tick the show line numbers.
In addition, the checked use Soft wraps enables the Webstorm line-wrapping feature, which means that long lines of code do not go beyond the screen and no horizontal scroll bars appear.
It is worth mentioning that the standard VIM,JK is to move to the next line of the previous line, if the code is automatically wrapped, the two lines that are split up appear to be two rows, but in fact is a logical line, this time with JK is to move down a logical line. In this case, if you want to move from "first row" of the same logical line to "second row", you need to press GJ, which is to press G and then the direction. Although VIM provides this approach, it is often wrong.
The good news is that webstorm with use Soft wraps is not required, so you can move from the first row of the same logical line to the second row by pressing J directly.
Import Export Settings
File > Export Settings user settings. For example, you can choose which types of settings to export, or which directory you want to export to.
The exported configuration in the form of a jar package, import is also simple, File > Import Settings, select Jar Package Import successful, restart Webstorm is done.
Here is my custom IDE configuration, note that the download needs to be extracted into a jar package first
Http://files.cnblogs.com/dc10101/WebStormSettings.zip
Webstorm Custom Font + color + syntax highlighting + Import export user settings