断点暂停后变量面板无反应，先确认是否真正暂停；变量需在对应作用域展开查看，异步回调变量需右键调用堆栈项“切换到帧”；调试控制台支持即查即用和临时修改变量。

断点暂停后变量面板没反应？先确认是否真停住了

VSCode 的 变量 面板只在调试会话真正暂停时才刷新数据。如果面板空白或仍显示旧值，大概率是程序已运行结束、断点没命中，或你误点了“运行而不调试”（Ctrl+F5）。务必按 F5 启动调试，并确保断点行左侧出现实心红点且执行流确实停在那行——光标高亮、编辑器顶部有调试工具栏才是有效暂停态。

变量面板里找不到想要的变量？注意作用域和折叠结构

变量 面板默认只展开“局部变量”区块，但实际数据分层存放：

• 点击“局部变量”旁的三角箭头，才能看到当前函数内声明的变量
• “闭包”区块藏着外层函数捕获的变量，比如箭头函数里用到的父级 userId
• “全局变量”需在 launch.json 中显式配置 "showGlobalVariables": true 才会加载
• 对象或数组值右侧有小三角，必须手动点击才能展开嵌套属性，悬停只显示截断预览

想看异步回调里的变量？别只盯着当前堆栈帧

Promise.then 或 setTimeout 回调中的变量不会自动出现在当前 变量 面板——因为它们属于另一个调用帧。此时要配合 调用堆栈 面板：

VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

• 在 调用堆栈 区域找到目标回调那一行（如 setTimeout handler）
• 右键该项，选“切换到帧”，面板才会刷新为该帧的作用域变量
• 若堆栈里全是 或 eval，说明 source map 未生效，需检查构建配置中 devtool 是否设为 "source-map" 而非 "eval"

临时查一个表达式值？别切面板，直接用调试控制台

比起反复添加监视项，调试控制台 更适合即查即用：

• 断点暂停后，在 调试控制台 输入 user.profile?.name 或 arr.filter(x => x > 10)，回车立刻出结果
• 支持修改变量：count = 999 回车后继续执行，可快速验证逻辑分支
• 输入 $_ 能拿到上一次表达式的结果，比复制粘贴快得多
• 注意：不能执行会改变程序状态的方法（如 arr.push()），否则可能破坏后续调试流程

最常被忽略的是“切换到帧”这个操作——很多人点了调用堆栈项却只跳转了代码位置，变量面板仍是旧上下文。真正的变量切换必须右键选择，否则看到的永远是顶层暂停点的数据。