【导读】VSCode Debug Visualizer是VSCode扩展,可在编辑器中可视化数据结构。这对于在调试期间可视化监视的值很有用。该扩展名有助于可视化图,表,数组,直方图和树。...官方样例
VSCode Debug Visualizer的JavaScript示例包含在主存储库中。...要开始使用它们,请检查是否已安装yarn和node,然后:
复制下列仓库代码:
https://github.com/hediet/vscode-debug-visualizer
运行yarn,安装依赖包...在VScode 中打开仓库,并标记Debug点
开始debug
选择可视化工具
即可显示可视结果
更多可视化例子
数组
const range = [1, 2, 33, 31, 1, 2, 63...graph": true },
"nodes": [
{ "id": "1", "label": "1" },
{ "id": "2", "label": "2", "color