掌握VSCode调试技巧可提升效率，通过设置断点、使用F10/F11快捷键逐行调试，结合 VARIABLES 面板和鼠标悬停查看变量值；利用 WATCH 面板动态跟踪表达式变化，通过 CALL STACK 和 SCOPE 检查调用上下文，结合条件断点与 Logpoint 记录运行时状态，无需打印语句即可清晰掌握程序执行流程。
在使用 VSCode 进行开发时，掌握变量跟踪和运行时状态监控技巧能显著提升调试效率。你不需要依赖打印语句就能清晰看到程序执行过程中的数据变化。关键是合理利用内置调试功能与扩展工具，让代码行为一目了然。
启用断点与逐行调试
在代码中点击行号旁的空白区域设置断点，启动调试会话后程序会在该位置暂停。此时可以查看当前作用域内的所有变量值。
- 使用 F10 单步跳过，F11 进入函数内部，Shift+F11 从当前函数跳出
- 观察“ VARIABLES”面板中的 Local、Closures 等分类，快速定位目标变量
- 鼠标悬停在变量上可即时查看其当前值，无需打开面板
使用监视窗口（Watch）动态跟踪变量
对于需要持续关注的表达式或深层嵌套对象，手动展开查看效率低。添加到“WATCH”面板可自动刷新其值。
- 点击“+”号输入变量名或表达式，如 user.profile.name 或 items.length
- 支持计算表达式，例如监控数组是否为空：myArray && myArray.length > 0
- 复杂对象可展开查看属性，配合断点捕捉特定时刻的状态
调用堆栈与作用域检查
当程序暂停时，“CALL STACK”面板显示当前函数调用路径。点击任一层可切换上下文，查看对应作用域的变量状态。
- 多层嵌套或异步回调中特别有用，能准确还原执行流程
- “SCOPE”区域列出不同作用域（如 Local、Global），避免命名冲突导致误判
- 结合断点条件，只在满足特定变量值时中断，减少无效暂停
利用日志点替代 console.log
不想中断执行又想记录变量？使用“Logpoint”在不暂停的情况下输出信息到调试控制台。
- 右键断点选择“Edit Breakpoint”，输入表达式如 Current value: {myVar}
- 支持插值语法，可同时输出多个变量状态
- 适用于循环体内频繁操作，避免反复中断影响运行节奏
基本上就这些。熟练运用断点、监视、调用堆栈和日志点，你能像读日志一样看清程序每一步的变化。这些功能对 JavaScript、Python、Go 等语言都适用，只要配置好 launch.json。调试不复杂，但容易忽略细节。
