PhpStorm 2019.2 Help

JSCS

PhpStorm lets you verify your JavaScript code using the JSCS linter. PhpStorm also detects errors and provides code completion for JSCS configuration files.

To install JSCS globally

In the embedded Terminal (Alt+F12), type:

npm install jscs -g

To enable JSCS and configure its behavior in PhpStorm

  1. In the Settings/Preferences dialog (Ctrl+Alt+S), go to Languages and Frameworks | JavaScript | Code Quality Tools | JSCS. 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, PhpStorm 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, PhpStorm first looks for a jscsConfig property in the package.json file of the current project. If no such property is found, PhpStorm looks for a .jscsrc or a .jscs.json configuration file. PhpStorm 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 PhpStorm 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 list, or type it manually, or click the Browse button and select the relevant file from the dialog that opens.

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

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

Last modified: 23 August 2019

See Also