RubyMine
 
2022.2
Shortcuts: Windows
Get RubyMine
You are viewing the documentation for an earlier version of RubyMine.
  1. Framework-specific guidelines
  2. Node.js
  3. Running and debugging Node.js
  4. Using interactive Debugger Console

Using interactive Debugger Console

Last modified: 09 August 2022

Required plugins:

JavaScript and TypeScript, JavaScript Debugger -  The plugins are bundled with RubyMine and enabled by default.

Node.js -  Install the plugin on the Settings/Preferences | Plugins page, tab Marketplace.

When you are debugging a Node.js application, RubyMine shows two console tabs in the Debug tool window - Process Console and Debugger Console.

  • The Process Console tab shows the output of the node process itself, that is, everything that is written to process.stdout and process.stderr directly or is logged using console.*.

    Node.js debugging session: Process Console

  • In the Debugger Console, you can run JavaScript code snippets and view the console.* messages.

    Node.js debugging: interactive debugger Console

Run JavaScript in the Debugger Console

  1. Start typing a statement at > in the input field. As you type, RubyMine suggests variants for completion.

    tip

    When typing a multi-line code fragment, press Shift+Enter to start a new line and Ctrl+Enter to split a line.

  2. Select the relevant statement and press Enter. RubyMine shows its value in the debugger console.

    https://resources.jetbrains.com/help/img/idea/2022.2/ws_node_debugging_debug_console_light.png
    Gif

    RubyMine shows previews for objects so you do not need to expand them. If you still expand an object, you get an overview of just its own properties, the __proto__ contents are hidden by default.

Navigate to source code

  • At each line with output of console.*, RubyMine shows the name of the file and the line where it was called. Click this link to jump to the call in the source code.

    https://resources.jetbrains.com/help/img/idea/2022.2/node_interactive_debugger_console_navigate_to_source.png
    Gif

  • The Debugger Console also shows stack traces. Click the link next to a reported problem to jump to the line of code where this problem occurred.

    https://resources.jetbrains.com/help/img/idea/2022.2/node_interactive_debugger_console_navigate_from_stack_trace.png
    Gif

Filter out messages

The Debugger Console tab shows objects in a tree view, with stack traces collapsed by default. Warnings console.warn(), errors console.error(), and info console.info() messages have different icons and background colors to make them easier to notice.

  • To hide log messages of specific types, click the Filter button and select the severities to filter out.

    https://resources.jetbrains.com/help/img/idea/2022.2/node_interactive_debugger_console_filter.png
    Gif

Group messages

  • The log messages grouped using console.group() and console.groupEnd() are displayed as a tree. To show the output collapsed by default, use console.groupCollapsed().

    Node.js interactive debugger console: log messages grouped

Apply CSS styles