转自 | 机器之心有没有一种更优雅的 DeBug 方式，以更简洁的信息快速帮我们找到代码的问题所在？有的，它就是 VS Code 推出的可视化 DeBug，能以图的方式快速展示数据结构。我们先看看效果，如下动图将断点设置为第 32 行定义双向链表，随后一行行运行代码就会在右图展现出对应的数据结构图。这种可视化非常优雅，而且该工具也会根据数据结构以不同的方式展现，例如树形、表格、曲线和图等...
转自 | 机器之心 有没有一种更优雅的 DeBug 方式，以更简洁的信息快速帮我们找到代码的问题所在？ 有的，它就是 VS Code 推出的可视化 DeBug，能以图的方式快速展示数据结构。 我们先看看效果，如下动图将断点设置为第 32 行定义双向链表，随后一行行运行代码就会在右图展现出对应的数据结构图。
这种可视化非常优雅，而且该工具也会根据数据结构以不同的方式展现，例如树形、表格、曲线和图等。如下动图展示几种不同的可视化方式：
效果上确实非常惊艳，它与之前的 DeBug 方式采用完全不同的展现形式。目前该 VS Code Debug Visualizer 在 JavaScript/TypeScript 上有比较好的效果，在 C#、Java 和 PHP 上也正在积极测试，其它语言也还都能用。
正确的使用姿势
最低0.47元/天 解锁文章
786
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
