# 使用交互式调试控制台

> For the complete documentation index, see [llms.txt](https://www.jetbrains.com/zh-cn/help/idea/llms.txt).

> **TL;DR**
> 所需插件  :
>
>
>
> `JavaScript 和 TypeScript`  -  插件与 IntelliJ IDEA 捆绑在一起，并默认启用。
>
>
>
> `Node.js` ，  `JavaScript Debugger`  -  在   设置 | 插件   页面上安装插件。 插件仅在具有 Ultimate 订阅的 IntelliJ IDEA 中可用。

当您调试 Node.js 应用程序时，IntelliJ IDEA 会在   调试  工具窗口中显示两个控制台选项卡——   进程控制台  和   调试器控制台  。

* 进程控制台 选项卡显示节点进程本身的输出，即直接写入 [process.stdout](https://nodejs.org/api/process.html#process_process_stdout) 和 [process.stderr](https://nodejs.org/api/process.html#process_process_stderr) 的所有内容，或使用 [console.*](https://nodejs.org/api/console.html#console_class_console) 记录的日志内容。 ![Node.js 调试会话：进程控制台](https://resources.jetbrains.com/help/img/idea/2026.3/ws_node_debugging_process_console.png)

* 在 调试器控制台 中，您可以运行 JavaScript 代码片段并查看 [console.*](https://nodejs.org/api/console.html#console_console)消息。 [Video](https://resources.jetbrains.com/help/img/idea/2026.3/ws_node_debugging_debug_console.mp4)

Procedure: 在调试器控制台中运行 JavaScript

1. 在  `>`  的输入字段中开始键入语句。 在您键入时，IntelliJ IDEA 会提供补全建议。

> **Tip:**
> 在输入多行代码片段时，按 `Shift+Enter` (Windows), `⇧ ⏎` (macOS), `⇧ ⏎` (IntelliJ IDEA Classic (macOS)), `⇧ ⏎` (macOS System Shortcuts), `Shift+Enter` (XWin), `Shift+Enter` (GNOME), `Shift+Enter` (KDE), `Shift+Enter` (Emacs), `Ctrl+Enter` (Sublime Text), `⌘ ⏎` (Sublime Text (macOS)), `Shift+Enter` (Visual Studio), `⇧ ⏎` (Visual Studio (macOS)), `Shift+Enter` (NetBeans), `Shift+Enter` (Eclipse), `⇧ ⏎` (Eclipse (macOS)) 开始新行，并按 `Ctrl+Enter` (Windows), `⌘ ⏎` (macOS), `⌘ ⏎` (IntelliJ IDEA Classic (macOS)), `⌘ ⏎` (macOS System Shortcuts), `Ctrl+Enter` (XWin), `Ctrl+Enter` (GNOME), `Ctrl+Enter` (KDE), `Ctrl+Enter` (Emacs), `Ctrl+Enter` (Sublime Text), `⌘ ⏎` (Sublime Text (macOS)), `Ctrl+Enter` (Visual Studio), `⌘ ⏎` (Visual Studio (macOS)), `Ctrl+Enter` (NetBeans), `Ctrl+Enter` (Eclipse), `⌘ ⏎` (Eclipse (macOS)) 断行。

2. 选择相关语句并按 `Enter` (Windows), `⏎` (macOS), `⏎` (IntelliJ IDEA Classic (macOS)), `⏎` (macOS System Shortcuts), `Enter` (XWin), `Enter` (GNOME), `Enter` (KDE), `Enter` (Emacs), `Enter` (Sublime Text), `⏎` (Sublime Text (macOS)), `Enter` (Visual Studio), `⏎` (Visual Studio (macOS)), `Enter` (NetBeans), `Enter` (Eclipse), `⏎` (Eclipse (macOS))。 IntelliJ IDEA 在调试控制台中显示其值。

IntelliJ IDEA 显示对象的预览，因此您无需展开它们。 如果您仍展开某个对象，您将仅查看其自身属性的概览，  `__proto__`  的内容默认处于隐藏状态。

Procedure: 导航到源代码

* 在每一行包含  `console.*`  输出的地方，IntelliJ IDEA 会显示调用所在的文件名和行号。 点击此链接以跳转到源代码中的调用位置。

![Node.js 交互式调试控制台：导航到源代码](https://resources.jetbrains.com/help/img/idea/2026.3/node_interactive_debugger_console_navigate_to_source.animated.gif)

* 调试器控制台   还会显示堆栈跟踪。 点击报告的问题旁的链接，可跳转到发生此问题的代码行。

![Node.js 交互式调试器控制台：导航到错误](https://resources.jetbrains.com/help/img/idea/2026.3/node_interactive_debugger_console_navigate_from_stack_trace.animated.gif)

Procedure: 筛选消息

调试器控制台   选项卡以树视图显示对象，且堆栈跟踪默认折叠。 警告  `console.warn()` 、错误  `console.error()`  和信息  `console.info()`  消息具有不同的图标和背景颜色，便于识别。

* 要隐藏特定类型的日志消息，请点击 ![筛选按钮](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.filter.svg) 并选择要筛除的严重性。

![Node.js 交互式调试器控制台：按类型筛选消息](https://resources.jetbrains.com/help/img/idea/2026.3/node_interactive_debugger_console_filter.animated.gif)

Procedure: 群组消息

* 使用  `console.group()`  和  `console.groupEnd()`  分组的日志消息将以树状显示。 要默认折叠输出，请使用  `console.groupCollapsed()` 。

![Node.js 交互式调试器控制台：日志消息分组](https://resources.jetbrains.com/help/img/idea/2026.3/node_interactive_debugger_console_group_messages.png)

Procedure: 应用 CSS 样式

* 使用 CSS 和  `%c`  标记为日志消息应用样式。

![Node.js 交互调试器控制台：将 CSS 样式应用于日志消息](https://resources.jetbrains.com/help/img/idea/2026.3/node_interactive_debugger_console_css.png)

有关详细信息，请参阅 [使用 CSS 设置控制台输出样式](https://developers.google.com/web/tools/chrome-devtools/console/console-write#styling_console_output_with_css)。