WebStorm 9.0.2 Web Help

Configuring Code Style

Basics and definitions

If certain coding guidelines exist in a company, one has to follow these guidelines when creating source code. WebStorm helps maintain the required code style.

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.

Configuring code style for a language

To configure code style for a language

  1. In Settings, click Code Style, and then click the language in question.
  2. Choose the code style scheme to be used as the base for your custom coding style for the selected language.
  3. Browse through the tabs of the selected language page, and configure code style preferences for it.

Copying code style settings from other languages

To copy code style settings from other languages

  1. In Settings, click Code Style, and then click the language in question.
  2. Click the link Set From in the upper-right corner. This link appears for those languages only, where defining settings on the base of the other languages is applicable.
  3. In the drop-down list that appears, click the language to copy the code style from:
    copyCodeStyle

Configuring code style for a project using EditorConfig

Prerequisites

Before you start working with EditorConfig, make sure that EditorConfig plugin is enabled.

The plugin is bundled with WebStorm and activated by default. If not, enable the plugin as described in Enabling and Disabling Plugins.

Make sure that the check box Enable EditorConfig Support is selected in Editor | Code Style .

For more information, see EditorConfig Website.

To configure code style for a project using EditorConfig

  1. In the project tree, right-click a directory where you want to create the EditorConfig settings file and select New | File .
  2. In the dialog that opens, enter .editorconfig and click OK.

    WebStorm creates an EditorConfig settings file and displays a notification in the pop-up window.

    Every time you open a file, the EditorConfig plugin looks for a file named .editorconfig in the directory of the opened file and in every parent directory. A search for .editorconfig files will stop if the root file path is reached or an EditorConfig file with root = true is found. Therefore, if you want to use the IDE settings instead of the EditorConfig settings, clear the Enable EditConfig Support check box in Editor | Code Style that is selected by default.

  3. Start defining your code style settings. Save(Ctrl+S) your file. Every time you modify the .editorconfig file, save the file to apply changes to your project.
    The EditorConfig code style configuration overrides the code style configuration in the IDE settings.

See Also

Last modified: 11 December 2014
comments powered by Disqus