You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VSCode调试如何在Watchs选项卡通过data viewer查看监视变量

VSCode 从Watches面板直接打开Data Viewer的方法

亲测以下3种方式都可行,不需要额外折腾:

  • 直接右键唤起:把VSCode和你用的对应语言调试扩展(Python、JS调试器、C#扩展这类)更新到最新稳定版,调试触发断点暂停之后,直接右键Watches里你添加的追踪变量,菜单里就有View in Data Viewer选项,点击直接打开,完全不用切去Variables面板搜索定位变量。
  • 绑定快捷键一键唤起:
    1. 按Ctrl+K Ctrl+S(Mac系统替换为Cmd+K Cmd+S)打开快捷键设置面板
    2. 搜索View in Data Viewer命令,给它绑定一组顺手的无冲突快捷键,比如Ctrl+Shift+V即可
    3. 后续不管是在Watches面板还是Variables面板,选中要查看的变量后直接按绑定的快捷键就能调出Data Viewer,比点右键操作效率高很多。
  • 调试控制台临时查看:调试暂停时直接在Debug Console输入要查看的变量名回车执行,右键控制台输出的变量结果,同样可以选择View in Data Viewer打开查看,适合临时要查看、没提前加到Watches列表的变量。

踩坑提示:如果右键找不到Data Viewer入口,先确认当前查看的变量是调试扩展支持渲染的结构化类型,比如Python的pandas DataFrame、numpy数组,JS的普通对象、二维数组这些默认都支持,自定义类实例默认不支持Data Viewer展示。

操作示意图

内容的提问来源于stack exchange,提问作者Hung Le

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.28 21:27:22