Use this page to choose the code style scheme and change it as required. Settings of a code style scheme are automatically applied every time WebStorm generates, refactors, or reformats your code.
On this page:
In this area, choose the code style scheme and change it as required. Settings of a code style scheme are automatically applied every time WebStorm generates, refactors, or reformats your code.
The code styles are defined at the project level and at the global level.
At the Project level, settings are grouped under the Project scheme, which
is predefined and is marked in bold font. The Project style scheme applies to the current project only.
The default scheme cannot be changed! When any modifications are made, WebStorm automatically creates a copy of the default scheme. If you want to use a different project level scheme, choose the desired scheme and copy its settings to project.
- At the Global level, settings are grouped under the predefined Default scheme, and any other scheme created by the user. The global settings are used when the user doesn't want to keep code style settings with the project, and share them.
|Scheme||From this drop-down list, select the scheme to be used. The predefined schemes are shown in bold. The custom schemes, ones created as copies of the predefined schemes, are in plain text.|
|Manage||Click this button to open the dialog that lets you manage the schemes.|
|Reset||This link appears in the upper-right corner of the dialog when the current style or scheme are modified. Click this button to discard changes.|
Line SeparatorsWebStorm lets you configure line separator and indentation options for various languages. When reformatting source code, WebStorm will apply the specified indentation behavior and skip the sections denoted with the special formatting off/on markers.
|Line Separator (for new files)||Use this drop-down list to specify which line separator is to be used in files created by WebStorm.
The available options are:
Refer to the section Configuring Line Separators.
|Right Margin (columns)||In this text box, specify the number of columns to be used to display pages in the editor.|
|Wrap when typing reaches right margin||Select this check box to ensure that edited text always fits in the specified right margin.|
Use this area to specify default options for indentation.
|Detect and use existing file indents for editing||Select this check box for WebStorm to detect the existing indents in the file and use them for editing instead of the indents specified in the Code Style settings for the specific language.|
|Show notifications about detected indents||Select this check box to show a notification if WebStorm detects indents that are different from the ones specified in the Code Style settings for the specific language.|
In this area, specify the markers to limit code fragments that you want to exclude from reformatting, see more in Reformatting Source Code. In the source code, formatting markers are written inside line comments, see Commenting and Uncommenting Blocks of Code.
In this area enable the support of the EditorConfig plugin.
|Enable EditorConfig support||Select this check box to enable the EditorConfig plugin support. In this case you can specify your own code style settings that override the IDE settings. However, if you decide to use IDE settings after creating the EditorConfig settings file then you need clear the Enable EditConfig support check box. See also Configuring Code Style procedure.|