IntelliJ IDEA 2020.2 Help

JavaScript linters

IntelliJ IDEA integrates with ESLint and other most popular JavaScript code linters that detect problems in your code without executing it.

When installed and enabled, a linter activates automatically every time you open a JavaScript file, reports detected errors and warnings, and suggests quick-fixes where possible. Error descriptions nd quick-fixes are available from the editor and from the Problems tool window.

Learn more from Code inspections and Resolving Problems.

View problems and apply quick-fixes in the editor

  1. In the editor, hover the mouse pointer over the highlighted problem. IntelliJ IDEA shows a tooltip with a description of the problem.

    JavaScript linters: errors and warnings are highlighted, the description of a problem is shown in a tooltip.

    To resolve the problem, click <Linter name>: Fix '<rule name>' or press Alt+Shift+Enter.

  2. To resolve all the detected problems in the current file, click More actions ( Alt+Enter) and select <Linter name>: Fix current file from the list.

    JavaScript linters: resolving problems

    Alternatively, press Alt+Enter and choose the relevant suggestion from the list.

Problems tool window

To open the Problems tool window, click the Inspection widget in the upper-right corner of the editor:

Inspection widget

The Problems tool window shows errors detected in the file opened in the active editor tab. For each error IntelliJ IDEA shows a brief description and the number of the line where the error occurred.

From an error message, you can navigate to the code where the problem occurred, or apply a quick-fix, or fix the problem manually in the Editor Preview pane (the Open Preview button).

  • To open the Problems tool window, click the Inspections widget in the upper-right corner of the screen.

    Inspection widget
  • To fix a problem, select <Linter name>: Fix <rule name> from the context menu of the corresponding error message.

    Problems tool window: fix a problem

    Alternatively, click the Open Preview button to open the Editor Preview pane and fix the problem manually there, without leaving the tool window.

    Problems tool window: fix errors in the Editor Preview pane
  • To resolve the detected problems in the whole file, select <Linter name >: Fix current file. from the context menu.

  • To navigate to the place where an error occurred, double-click the corresponding error message, or select Jump to Source from its context menu, or just press F4.

  • You can also edit the linter's settings, suppress a rule in the statement where a problem occurred or in the whole file, as well as exclude the current file from analysis at all. See Disable and suppress inspections for details.

    Problems tool window: context menu
  • To filter out error messages by their severity and customize their sorting, click the View Options button and select or clear the relevant items in the list.

    View Options: configuring the appearance of the Problems tool window
Last modified: 06 November 2020