VSCode调试可视化器是VSCode扩展，这对于在调试Javascript时可视化运行中值很有用，还能让可视化值的数据结构，可视化的形式有：图，表，数组，直方图和树。
安装扩展程序后，打开一些相关的脚本，然后导航到命令面板并转到Debug Visualizer: New View。此视图使您可以输入逐步浏览代码时可视化的表达式。
VSCode Debug Visualizer的JavaScript示例包含在主存储库中。要开始使用它们，检查是否具有yarn和node安装，则：
- 在本地克隆存储库。完成后，导航到demos/js目录。
- 运行yarn以安装依赖项。我需要手动运行yarn add @hediet/debug-visualizer-data-extraction才能使所有功能正常运行。
- 在VSCode中打开仓库，然后选择一个示例。例如demo_doubly-linked-list.ts
1.debugger在源代码的某处添加断点/ 语句（例如，第50行）。
2. 转到运行>开始调试，然后选择一个环境（例如Node.js (preview)）。
3. 在命令面板中，选择Debug Visualizer:New View。
现在，您应该能够进入visualize()提示并在编辑器中看到双向链接列表的图解可视化：
