条件断点和日志点是vscode中高效调试的关键功能：前者仅在指定表达式为真时暂停，后者在不中断执行下输出日志，二者互补提升调试精准性与效率。
在 VSCode 中高效调试，关键在于减少手动打断、反复运行的次数。条件断点和日志点就是两个被低估但极其实用的功能——它们不中断执行流，却能精准捕获你真正关心的信息。
条件断点：只在满足逻辑时暂停
普通断点每次走到就停，而条件断点让你指定一个 javaScript 表达式（比如 user.id === 123 或 items.length > 10），仅当表达式为真时才暂停。这对排查特定用户行为、异常数据状态或偶发问题特别有用。
- 在代码行号左侧灰色区域右键 → 选择 “Add Conditional Breakpoint”
- 输入表达式，例如：response.status !== 200 或 id && id.startsWith(“temp-“)
- 表达式中可直接访问当前作用域变量，无需加
this.或其他前缀 - 注意：表达式不能含赋值、函数调用或副作用操作（VSCode 会提示 invalid）
日志点：打印信息而不中断执行
当你只想“看一眼”某个变量值，又不想打断程序节奏（比如动画、轮询、高频事件），日志点是更轻量的选择。它会在控制台输出自定义消息，执行继续往下走。
- 右键行号区 → “Add Log Point”，输入类似 User logged in: ${user.name} (id: ${user.id})
- 支持模板字符串语法，变量名直接写，不用引号或 quotes
- 输出会带文件名和行号，格式清晰，和 console.log 效果一致但无需改代码
- 适合临时追踪循环内变量、验证路径是否进入、检查中间计算结果
组合使用：让调试更有针对性
条件断点 + 日志点不是互斥的，而是互补的。比如在请求处理函数里，你可以：
- 对错误响应加条件断点：res.statusCode >= 400，深入分析堆栈
- 对正常响应加日志点：Success: ${res.data.Length} items，快速确认流程通路
- 同一行既能设断点也能设日志点（VSCode 会自动区分图标：红色实心圆是断点，橙色菱形是日志点）
基本上就这些。用好这两个功能，调试从“猜和试”变成“问和答”。不复杂但容易忽略。