On this page:
- Tabs and Indents
- Wrapping and Braces
- Blank Lines
- Code Generation
- Set from
Tabs and Indents
Wrapping and Braces
In this tab, customize the exceptions, brace placement and alignment options that WebStorm will apply to various code constructs on reformatting the source code. Check the results in the Preview pane.
Right Margin (columns)
In this field, specify the number of spaces required to the right of an element. If you accept the Default option then the value from the global settings is used.
- Default - choose this option to use the Wrap on typing value from the global settings.
- Yes - choose this option to use the value from the Right Margin field.
- No - if you choose this option a line can exceed the value specified in the right margin.
Keep when reformatting
Use the check boxes to configure exceptions that WebStorm will make when reformatting the source code. For example, by default, the Line breaks check box is selected. If your code contains lines that are shorter than a standard convention, you can convert them by disabling the Line breaks check box before reformatting.
Use the drop-down lists in this tab to form directives in automatic insertion of terminating semicolons, single and double quotes, and trailing commas.
|Semicolon to terminate statements|
|Trailing comma||Use this drop-down list to configure whether you want to use trailing commas in objects, arrays, and for the parameters in method definitions and calls. The available options are:|
On this tab, configure the code style for generated code.
|Grouping Rules||Use this area to set the grouping rules.|
|Matching rules||Use this area to define elements order as a list of rules, where every rule has a set of matches such as modifier or type. |
|Empty rule||Use this area to create a new matching rule or edit an existing one. You can select from the following filters: |
|This icon appears when you select Order by Name from the Order list. The icon indicates that the items in this rule are sorted alphabetically.|
The link appears in the upper-right corner of the page, when applicable. Click this link and choose the language to be used as the base for the current language code style.
To return to the initial set of code style settings and discard the changes, click Reset.