PyCharm
 
2022.3
Shortcuts: Windows
Get PyCharm
You are viewing the documentation for an earlier version of PyCharm.
  1. Web Development
  2. JavaScript
  3. JavaScript linters
  4. JSHint

JSHint

Last modified: 28 September 2022

Available only in PyCharm Professional: download to try or compare editions

Required plugin:

Javascript and TypeScript -  The plugin is available only in PyCharm Professional, where it is enabled by default.

You can check your code with the JSHint linter which is already bundled with PyCharm.

When JSHint support is enabled, PyCharm highlights errors that JSHint detects, provides descriptions for them, and suggests quick-fixes where possible.

Descriptions of the errors detected in the current file and quick-fixes for them are available from the editor and from the File tab of the Problems tool window.

Errors in all previously opened files and quick-fixes for them are shown in the Project Errors tab of the Problems tool window. To open the tool window, click the Inspection widget in the upper-right corner of the editor:

Inspection widget

See View problems and apply quick-fixes in the editor and Problems tool window for details.

Enable JSHint and configure its behavior in PyCharm

  1. In the Settings dialog (Ctrl+Alt+S), go to Languages & Frameworks | JavaScript | Code Quality Tools | JSHint.

  2. On the JSHint page that opens, select the Enable checkbox. After that all the controls on the page become available.

  3. In the Version field, specify the version of the tool to use. PyCharm comes bundled with version 2.10.2, which is used by default. To download another version, select it from the list.

  4. Configure JSHint behavior in PyCharm

    • Use config files - select this checkbox to apply JSHint rules from a custom configuration file, or from a .jshintrc file, or from a package.json, under the jshintConfig property.

      Select the Default option if the rules are configured in a .jshintrc file or under the jshintConfig property in a package.json. PyCharm will first look for such configuration in the folder where the file to be checked is stored, then in its parent folder, and so on until the filesystem root is reached.

      Alternatively, select Custom configuration file and specify the file location in the Path field below.

      Learn more about JSHint configuration files from the JSHint official website.

    • To configure verification rules manually, clear the Use config files checkbox and enable the relevant validations in the Options area. Learn more from the JSHint official website.

See also

Language and Framework-Specific Guidelines