PhpStorm 2017.1 Help

ESLint

File | Settings | Languages and Frameworks | JavaScript | Code Quality Tools | ESLint for Windows and Linux
PhpStorm | Preferences | Languages and Frameworks | JavaScript | Code Quality Tools | ESLint for macOS
Ctrl+Alt+S

/help/img/idea/2017.1/settings.png

Use this page to enable the JavaScript ESLint code verifier and to configure its behaviour. If you are using JavaScript Standard Style in your project, you can enable linting with it here.

To configure PhpStorm code style options for JavaScript to follow the main rules Standard declares so they are applied when you type the code or reformat it, open the Code Style. JavaScript page (File | Settings | Editor | Code Style | JavaScript for Windows and Linux or PhpStorm | Preferences | Editor | Code Style | JavaScript for macOS), click Set from, and then choose Predefined Style | JavaScript Standard Style. The style will replace your current scheme.

ItemDescription
Enable Select this check box to have ESLint/Standard applied to verify the code in the current project. After that the other controls in the page are enabled.
Node Interpreter In this field, specify the NodeJS installation home. Type the path to the NodeJS executable file manually, or click the browseButton.png button and select the location in the dialog box, that opens.

If you have appointed one of the installations as default, the field displays the path to its executable file.

ESLint Package In this field, specify the location of the eslint package installed in the current project, see Installing ESLint or the standard package installed in your project or globally, see Installing JavaScript Standard.
Configuration file In this area, appoint the configuration to use.

By default, PhpStorm first looks for a .eslintrc 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. If no .eslintrc file is found, ESLint uses its default embedded configuration file. Accordingly, you have to define the configuration to apply either in a .eslintrc configuration file, or in a custom JSON configuration file, or rely on the default embedded configuration.

  • To have PhpStorm look for a .eslintrc file, choose the Search for .eslintrc option. If no .eslintrc file is found, the default embedded configuration file will be used.
  • To use a custom file, choose the Configuration File option and specify the location fo the file in the Path field. Choose the path from the drop-down list, or type it manually, or click the /help/img/idea/2017.1/browseButton.png button and select the relevant file from the dialog box that opens.
Additional Rules Directory In this field, specify the location of the files with additional code verification rules. These rules will be applied after the rules from .eslintrc or the above specified custom configuration file and accordingly will override them.
Extra ESLint Options In this field, specify additional command line options to run ESLint with using spaces as separators. See ESLint Command Line Interface Options for details.

See Also

Last modified: 19 July 2017