如何配置 WebStorm 或 IntelliJ IDEA 的断点调试

2024-02-14 10:54:05

在软件开发过程中，断点调试是一个非常重要的技巧，它可以帮助我们快速定位和修复程序中的错误。通过在程序中设置断点，我们可以让程序在特定位置暂停运行，然后检查变量的值、调用堆栈等信息，从而帮助我们理解程序的运行过程，并找出导致错误的原因。

WebStorm 和 IntelliJ IDEA 是两款流行的 Java 和 JavaScript 开发工具，它们都提供了强大的断点调试功能。在本篇文章中，我们将介绍如何在 WebStorm 或 IntelliJ IDEA 中配置和使用断点调试，以便更轻松地查找和修复程序错误。

1. 配置断点调试

1.1 设置断点

要设置断点，只需点击要设置断点的代码行旁边的行号，或者使用快捷键 Ctrl+F8 (Windows) 或 Cmd+F8 (Mac)。当断点被设置后，该行代码的左边会出现一个红色的圆点，表示该断点已启用。

1.2 启用/禁用断点

要启用或禁用断点，只需再次点击断点旁边的行号，或者使用快捷键 Ctrl+Shift+F8 (Windows) 或 Cmd+Shift+F8 (Mac)。当断点被禁用后，该行代码的左边会出现一个灰色的圆点，表示该断点已禁用。

1.3 条件断点

条件断点允许我们在满足特定条件时才暂停程序运行。要设置条件断点，只需右击断点旁边的行号，然后选择 "Edit Condition..."。在弹出的对话框中，我们可以输入一个条件表达式，只有当该表达式为真时，断点才会被触发。

1.4 异常断点

异常断点允许我们在发生异常时暂停程序运行。要设置异常断点，只需右击断点旁边的行号，然后选择 "Edit Exception Breakpoint..."。在弹出的对话框中，我们可以选择要捕获的异常类型。

2. 使用断点调试

2.1 启动调试

要启动调试，只需点击工具栏上的 "Debug" 按钮，或者使用快捷键 Ctrl+D (Windows) 或 Cmd+D (Mac)。当调试器启动后，程序将在第一个断点处暂停运行。

2.2 检查变量值

当程序在断点处暂停运行时，我们可以检查变量的值。要检查变量的值，只需将鼠标悬停在变量名上，或者使用快捷键 Ctrl+Q (Windows) 或 Cmd+Q (Mac)。变量的值将显示在工具提示中。

2.3 调用堆栈

调用堆栈显示了程序在到达当前断点之前调用的函数和方法。要查看调用堆栈，只需点击工具栏上的 "Call Stack" 按钮，或者使用快捷键 Ctrl+Shift+F7 (Windows) 或 Cmd+Shift+F7 (Mac)。调用堆栈将显示在底部面板中。

2.4 单步调试

单步调试允许我们一步一步地执行程序，以便更详细地了解程序的运行过程。要进行单步调试，只需点击工具栏上的 "Step Into" 按钮，或者使用快捷键 F7。程序将执行下一条语句，然后在下一条语句处暂停运行。

2.5 跳入/跳出

跳入/跳出允许我们在函数和方法之间快速导航。要跳入函数或方法，只需点击工具栏上的 "Step Into" 按钮，或者使用快捷键 F7。程序将执行函数或方法中的第一条语句，然后在下一条语句处暂停运行。要跳出函数或方法，只需点击工具栏上的 "Step Out" 按钮，或者使用快捷键 Shift+F7。程序将执行函数或方法的最后一条语句，然后在下一条语句处暂停运行。