变量监视、调用堆栈与断点面板是VS Code调试核心。1. 变量监视可跟踪特定变量或表达式，支持动态求值与嵌套属性查看；2. 调用堆栈展示函数调用层级，便于切换上下文和定位异常源头；3. 断点支持行断点、条件断点、日志断点及函数断点，灵活控制程序暂停与信息输出。合理组合使用能高效排查逻辑错误，提升开发效率。
在使用 VS Code 进行开发时，调试功能是提升效率的关键。其中变量监视、调用堆栈与断点面板是调试器中最实用的三大组件。它们帮助开发者实时掌握程序运行状态，定位逻辑错误，理解函数执行流程。
变量监视（Watch）
变量监视面板允许你主动添加并跟踪特定变量或表达式的值变化。在程序暂停时，你可以查看这些变量的当前状态，甚至嵌套属性也能展开浏览。
使用建议：
- 点击“+”号输入变量名或表达式，例如 user.name 或 items.length
- 支持动态表达式求值，比如 a + b，即使这个组合没有在代码中直接定义
- 适合用于关注复杂对象中的某个字段，避免在局部变量中反复查找
调用堆栈（Call Stack）
调用堆栈展示当前线程的函数调用层级。当程序中断时，你能看到是从哪个函数一步步进入当前作用域的，对理解执行路径非常有帮助。
实际用途包括：
- 点击任意堆栈帧可切换到对应代码位置，查看当时的上下文变量
- 异步操作或多层回调中，能清晰看出函数是如何被触发的
- 遇到异常时，调用堆栈能快速定位源头，尤其是深层嵌套或递归调用
断点（Breakpoints）
断点是你手动设置的暂停点，让程序运行到指定行时停下来，以便检查状态。VS Code 支持多种断点类型，不只是简单的行断点。
常用技巧：
- 点击行号边距添加行断点，再次点击取消
- 右键断点可设置条件，如只有 i === 5 时才中断，减少不必要的暂停
- 可以启用“日志断点”，不中断执行但输出信息到调试控制台，适合高频循环场景
- 函数断点可通过调试面板添加，适用于没有源码行可点的情况
基本上就这些。合理利用这三个面板，能大幅提升排查问题的速度。调试不只是设个断点看看变量，而是要有策略地观察流程、验证假设。熟悉这些工具后，很多隐藏的逻辑错误会变得一目了然。
