RubyMine 2020.3 Help

JavaScript linters

RubyMine 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 and 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. RubyMine 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 RubyMine 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 editor.

    Inspection widget

    Alternatively select View | Tool windows | Problems from the main menu or press Alt+6.

  • To view suggested quick-fixes for a problem, select the corresponding error message and then select Show Quick Fixes from its context menu, or click the Show Quick Fixes button on the toolbar, or just press Alt+Enter.

    To fix a problem, select the appropriate quick-fix from the list.

    Problems tool window: fix a problem
  • Alternatively, click the Open Editor 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
  • To copy an error message, select Copy Problem Description from its context menu or press Ctrl+C.

Last modified: 27 November 2020