VSCode调试核心是断点、监视和调用堆栈协同：断点支持条件/命中次数/函数名设置及拖动调整；监视可输入任意表达式并调用简单函数；调用堆栈助查调用路径、支持跳转与异步识别。
VSCode 的调试器不是花架子，用对了能省下大把排查时间。关键不在功能多，而在怎么让断点、监视和调用堆栈三者配合起来快速定位问题。
断点：别只点一下就等结果
普通行断点（点击行号左侧）只是起点。遇到循环或高频调用时，光停住没用——得加条件或命中次数控制。
- 右键断点 → “编辑断点”，可设条件（如 user.id === 123）或“仅在第5次命中时暂停”
- 函数断点适合找不到具体调用位置时（比如想停在 handleClick 所有入口），直接填函数名就行
- 调试中可拖动断点图标调整位置（支持跨行移动），临时跳过某段逻辑验证更灵活
监视表达式：比看变量面板更主动
变量面板只显示当前作用域的值，但真正难缠的问题常藏在深层嵌套、异步链路或计算逻辑里。
- 在“监视”面板点“+”，输入任意合法表达式，比如 response.data?.items[0]?.name 或 Object.keys(errors)
- 支持调用简单函数（前提是当前上下文能访问到），例如 JSON.stringify(formData, null, 2)
- 多个监视项并排对比，比来回折叠变量树快得多，尤其查状态不一致时
调用堆栈：看清“谁叫了谁”，而不是只盯着当前函数
停在某一行时，别急着看变量——先抬头看左边“调用堆栈”面板，它告诉你这行代码是怎么被一层层带进来的。
- 点击堆栈中的任一帧，立刻跳转到对应源码位置，并还原当时的局部变量（即使那帧已退出执行）
- 异步场景下（如 Promise.then 或 setTimeout 回调），堆栈会显示“async”标记，帮你识别事件循环阶段
- 右键某帧可选择“复制调用堆栈”，贴到日志或协作沟通里，信息比截图更准
基本上就这些。断点是入口，监视是放大镜，调用堆栈是导航图——三者连起来用，才真正算“会调试”。
