VSCode监视面板表达式仅在断点暂停且作用域合法时求值，否则显示Cannot evaluate或为空；需设有效断点、暂停后操作，优先用右键悬停添加，仅支持表达式非语句，建议重命名和手动刷新。
VSCode监视面板里的表达式不是“输进去就自动生效”的快捷键，它必须在断点暂停时、当前作用域内合法可求值，否则会显示Cannot evaluate或静默为空。
添加表达式前先确认调试已暂停
Watch 面板只在断点触发并暂停执行后才尝试求值。如果调试器没停住（比如程序已退出、断点未命中、或正在运行中），你输的任何表达式都会灰显或提示Not available。
- 确保代码中设置了有效断点（左侧边距出现实心红点），且程序确实运行到了那里
- 不要在“启动调试”后立刻往 Watch 里输表达式——等右下角状态栏显示“Paused on breakpoint”再操作
- 对异步代码（如
await fetch()），断点需设在await之后那行，否则response还没赋值
用右键悬停添加比手敲更可靠
手动输入 user.profile.settings.theme 容易拼错、漏问号、或忽略作用域限制；VSCode 提供了上下文感知的添加方式，成功率高得多。
- 调试暂停后，把光标停在源码中已存在的变量名上（比如
data或items[0]） - 右键 → “添加到监视”，VSCode 自动插入带作用域保障的表达式（如
data而非this.data） - 对嵌套属性，悬停到
user.name再右键，比手敲少出错；若想安全访问，后续可手动改成user?.name
表达式必须是合法求值式，不能是语句
Watch 面板不接受 JavaScript/Python 中的语句（statement），只接受能返回值的表达式（expression）。输错会直接报 SyntaxError 或 ReferenceError。
- ✅ 有效：
items.length、typeof response === 'object'、response?.data?.users || [] - ❌ 无效：
console.log(data)、let x = 1、if (x) {}、debugger - ⚠️ 看似有效但危险：
list.pop()—— 有副作用，调试器通常禁用执行，结果可能卡住或报错
重命名和拖拽让监视项真正可用
默认显示的 response.data.items[0].id 在多人协作或长期调试中难以快速识别含义，且多个监视项堆在一起容易看串行。
- 鼠标悬停到监视项右侧，点铅笔图标，改成“首条用户ID”或“API响应用户数”这类业务语义名
- 按数据流向或执行顺序拖拽调整位置：比如先监视
input，再processedData，最后isValid - 不用的监视项右键 → “删除”，避免干扰；Watch 列表不是日志，不需要留痕
最常被忽略的一点：Watch 不自动刷新引用内容。你监视了 user，然后代码里改了 user.name = 'new'，Watch 里展开的 user 树不会变——得点右侧的刷新图标（↻）或重新暂停才能看到新值。
