Webstorm Custom Font + color + syntax highlighting + Import export user settings

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