如何在 VS Code 中设置条件断点进行调试

在 VS Code 中设置条件断点进行调试需要以下步骤：

1. 在调试器中添加断点

在代码中找到需要添加断点的行，然后在代码行号上单击鼠标左键，可以添加一个普通断点。如果需要添加条件断点，可以右键单击普通断点，选择“编辑断点”，在“条件表达式”中输入条件语句，例如：

text.includes('pidancode.com')

这个条件会在变量 text 中包含字符串“pidancode.com”时触发断点。

2. 运行程序并触发断点

在 VS Code 菜单栏中选择“调试”->“开始调试” 或者按下 F5 键。这时程序会开始运行，直到触发断点，程序会停止在断点处等待进一步操作。

3. 在断点处查看变量值

当程序在断点处停止时，可以通过调试器中的调试控制面板查看当前程序的变量值。在调试控制面板中可以选择“变量”选项卡，并在其中选择要查看的变量来查看其当前值。

例如，如果执行以下代码：

let text = 'Welcome to pidancode.com';
if (text.includes('pidancode.com')) {
  console.log('pidancode.com is found');
}

并设置条件断点，程序在执行到 if 语句时会停止，并等待进一步操作。此时在调试控制面板中选择变量 text，可以看到其当前值为字符串“Welcome to pidancode.com”。

4. 继续执行程序

在查看完变量值之后，可以通过调试控制面板中的按钮继续执行程序。可以选择“继续”按钮，程序会继续执行，直到再次触发断点或者程序结束。