WebStorm 2018.3 Help

JSCS

WebStorm lets you verify your JavaScript code using the JSCS linter.

To install JSCS globally

  • Open the built-in WebStorm Terminal (Alt+F12) and type npm install jscs -g at the command prompt.

To enable JSCS and configure its behavior in WebStorm

  1. In the Settings/Preferences dialog (Ctrl+Alt+S), choose JavaScript under Languages and Frameworks, and then choose JSCS under Code Quality Tools. On the JSCS page, that opens, select the Enable checkbox. After that the other controls on the page become available.

  2. In the Node Interpreter field, specify the path to Node.js. If you followed the standard installation procedure, WebStorm detects the path and fills in the field itself.

  3. In the JSCS Package field, specify the location of the jscs package installed in the current project, see Installing JSCS.

  4. Specify the configuration to use.

    By default, WebStorm first looks for a jscsConfig property in the package.json file of the current project. If no such property is found, WebStorm looks for a .jscsrc or a .jscs.json configuration file. WebStorm starts the search from the folder where the file to be checked is stored, then searches in the parent folder, and so on until reaches the project root. Accordingly, you have to define the configuration to apply either as a jscsConfig property in the package.json file or in a .jscsrc or a .jscs.json configuration file, or in a custom JSON configuration file.

    You can also apply a predefined set of rules, either independently or in combination with a configuration file. In the latter case, the rules from the configuration file override the predefined rules.

    • To have WebStorm look for a jscsConfig property in the package.json file or for a .jscsrc or a .jscs.json file, choose the Search for config(s) option.

    • To use a custom file, choose the Configuration File option and specify the location of the file in the Path field. Select the path from the drop-down list, or type it manually, or click Browse (Browse) and select the relevant file from the dialog box that opens.

    • To have a predefined set or rules applied, choose the desired set from the Code Style Preset drop-down list.

  5. If necessary, from the Code Style Preset drop-down list, choose the set of predefined rules associated with the code style you use.

Last modified: 19 November 2018

See Also