Using interactive Debugger Console
When you are debugging a Node.js application, JetBrains Rider shows two console tabs in the Debug tool window - Console and Debugger Console.
Start typing a statement at
>in the input field. As you type, JetBrains Rider suggests variants for completion.
Select the relevant statement and press Enter. JetBrains Rider shows its value in the console.
Navigate to source code
At each line with output of
console.*, JetBrains Rider 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.
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.
Filter out messages
The console shows objects in a tree view, with stack traces collapsed by default. Warnings
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 and select the severities to filter out.
The log messages grouped using
console.groupEnd()are displayed as a tree. To show the output collapsed by default, use
Apply CSS styles
Use CSS and the
%cmarker to apply styles to log messages.
See Styling console output with CSS for details.