VSCode断点调试支持基础断点、条件断点(黄色感叹号)、日志断点(蓝色信息符)、禁用/删除断点及命中次数限制(如hitCount:5),覆盖断点设置、触发控制与管理全流程。

如果您在使用 VSCode 进行代码调试时,发现断点无法触发、跳过或行为异常,则可能是由于断点配置不当、调试器未正确加载源映射,或条件表达式语法错误所致。以下是针对“断点”管理与条件断点的多种操作方式:
本文运行环境:MacBook Air,macOS Sequoia。
一、启用并设置基础断点
基础断点是最常用的调试入口,通过在代码行号左侧灰色区域单击可创建一个无条件暂停点,调试器将在执行到该行前自动中断,便于检查变量状态和执行流程。
1、打开目标源文件(如 index.js 或 main.py)。
2、将鼠标悬停在行号左侧的空白区域,光标变为手型图标后单击。
3、确认该行左侧出现一个实心红点,表示断点已激活。
4、按 Ctrl+Shift+D(Windows/Linux)或 Cmd+Shift+D(macOS)打开调试视图,启动调试会话。
二、启用条件断点
条件断点仅在指定表达式为真时触发,适用于需要过滤特定数据状态或循环中特定迭代的场景,避免频繁手动继续执行。
1、在已设断点的行号左侧空白处右键点击。
2、选择 Edit Breakpoint 选项。
3、在弹出的输入框中输入 JavaScript 表达式(如 count > 10)或 Python 表达式(如 i == 5)。
4、按回车确认,断点图标将变为黄色感叹号样式,表示已配置条件。
三、设置日志断点
日志断点不中断执行,而是在控制台输出指定内容,适合轻量级追踪且不影响程序流,常用于替代 console.log() 插入。
1、在目标行号左侧空白处右键点击。
iWebShop基于iWebSI框架开发,在获得iWebSI技术平台库支持的条件下,iWebShop可以轻松满足用户量级百万至千万级的大型电子商务网站的性能要求。站点的集群与分布式技术(分布式计算与存储/高可用性/负载均衡)被屏蔽在SI 平台之内,基于iWebShop并且按照SI平台库扩展规范开发的新增功能模块,也将同时获得这种超级计算与处理的能力。作为开源的LAMP电子商务系统,iWebShop
2、选择 Edit Breakpoint。
3、在输入框中输入格式为 log:当前值为 {value} 的字符串(支持花括号内插入变量名)。
4、保存后,断点图标显示为蓝色信息符号,运行调试时将直接打印日志。
四、禁用与删除断点
临时禁用断点可保留位置但阻止其生效,适合多轮调试中快速切换关注点;彻底删除则移除所有相关配置,释放调试器资源。
1、点击已设断点的红点,使其变为空心圆圈,即完成禁用。
2、右键点击禁用或启用状态的断点,选择 Remove Breakpoint 即可永久删除。
3、若需批量操作,在左侧活动栏点击 Run and Debug 图标,展开 BREAKPOINTS 面板。
4、勾选或取消勾选断点前的复选框实现启用/禁用;右键某条目选择 Remove Breakpoint 删除单个,或点击面板右上角垃圾桶图标清空全部。
五、使用断点命中次数限制
命中次数断点允许设定断点仅在第 N 次执行到该行时触发,适用于定位循环末尾异常或重复调用中的特定次序问题。
1、在目标断点行号左侧空白处右键点击。
2、选择 Edit Breakpoint。
3、在输入框中输入格式为 hitCount:5(表示第 5 次命中时触发)或 hitCount:>=10(表示第 10 次及之后均触发)。
4、按回车确认,断点图标将叠加数字标记,如 5 或 ≥10。









