在Visual Studio Code中进行调试时的数据可视化





通常,用于普通Visual Studio的Debugger Visualizers是一个非常古老的主题(2009年文章),但是并不很流行。在大多数情况下,习惯上教您如何立即进行调试,在您的头脑中展示流程,并在板上显示排序和列表之类的内容。在网络上,视觉部分通常是由浏览器提供的,每个人都对它感到满意。但是碰巧列表或树不再适合您,您想要对表进行排序并构建图而无需离开调试环境。为此,创建了一个VS Code-Debug Visualizer插件。



他可以画什么?



  • 数组和矩阵





  • 通过VisJS和Graphviz绘制图形









  • 方块图





  • 树木和AST









  • 桌子





  • 通过Plotly的图表





  • 渲染SVG,文本和PNG



不错的东西-许多工具都有动画效果,可让您跟踪动态变化。它们每个都可用于单独安装,而无需主插件。它们是从同一作者的可视化框架继承的,您可以从插件中单独进行贡献。



支持的语言

  • 全面的JS和TS支持
  • 对Go,Python,C#,PHP,Java,C ++,Swift和Rust的部分支持。

    显然,它们中的大多数处于“可供发烧友实现的状态”,但是python,Go和C#已经被解决。



您可以在此处尝试演示,该插件可在VS Code或此处获得安装后,可通过command获得该插件Debug Visualizer: New View所选片段可以通过命令Debug Visualizer: Use Selection as Expression(Shift + F1)作为参数传递



由于debug-visualizer在node-reload库上运行,因此它允许热重装:







调试愉快!



链接:



Github

作者

演示

市场VS代码






广告



用于开发和托管您的项目的服务器-这就是我们的史诗所有“开箱即用”的服务器都受到DDoS攻击的保护,Internet通道的速度为500兆比特,自动安装了用于托管站点的便捷VestaCP控制面板,甚至自动安装了Windows Server,但其价格为2 GB或更高。最好尝试一次;)






All Articles