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.
The code styles are defined at the project level and at the global level.
- Project level
Settings at the project level 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.
- Global level
Settings at the global level 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 Code Style Schemes 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 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.|
Default indent options
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 .
|Enable formatter markers in comments||
|Formatter off:||In this text box, specify the character string that will indicate the beginning of a code fragment which you want to exclude from reformatting. Type a character string with the @ symbol in preposition or leave the predefined value @formatter:off.|
|Formatter on:||In this text box, specify the character string that will indicate the end of a code fragment which you want to exclude from reformatting. Type a character string with the @ symbol in preposition or leave the predefined value @formatter:on.|
|Regular expressions||Select this check box to use regular expressions instead of specifying the formatting markers explicitly.|
Example of using formatting markers