Datenvisualisierung beim Debuggen in Visual Studio Code





Im Allgemeinen sind Debugger-Visualisierer für reguläres Visual Studio ein sehr altes Thema ( Artikel von 2009 ), aber nicht sehr beliebt. In den meisten Fällen ist es üblich, Ihnen das sofortige Debuggen beizubringen, Prozesse in Ihrem Kopf darzustellen, und Dinge wie Sortierungen und Listen werden an der Tafel angezeigt. Im Web wird der visuelle Teil häufig vom Browser bereitgestellt, und jeder ist mit allem zufrieden. Es kommt jedoch vor, dass Listen oder Bäume nicht mehr in Ihren Kopf passen. Sie möchten Tabellen sortieren und Diagramme erstellen, ohne die Debugging-Umgebung zu verlassen. Für all dies wurde ein Plugin für VS Code - Debug Visualizer erstellt.



Was kann er zeichnen?



  • Arrays und Matrizen





  • Grafiken über VisJS und Graphviz









  • Blockdiagramme





  • Bäume und AST









  • Tabellen





  • Diagramme über Plotly





  • Rendern Sie SVG, Text und PNG



Schöne Extras - viele Tools sind animiert, sodass Sie Änderungen in der Dynamik verfolgen können. Jeder von ihnen ist für eine separate Installation ohne Master-Plugin verfügbar. Sie werden vom Visualisierungsframework desselben Autors geerbt, zu dem Sie separat vom Plugin beitragen können.



Unterstützte Sprachen

  • Volle JS- und TS-Unterstützung
  • Teilweise Unterstützung für Go, Python, C #, PHP, Java, C ++, Swift und Rust.

    Offensichtlich befinden sich die meisten von ihnen im Status "für die Implementierung durch Enthusiasten verfügbar", aber Python, Go und C # sind bereits definitiv in Angriff genommen.



Sie können Demos hier ausprobieren , das Plugin ist in VS Code oder hier verfügbar . Nach der Installation ist das Plugin per Befehl verfügbar Debug Visualizer: New View. Das ausgewählte Fragment kann vom Befehl Debug Visualizer: Use Selection as Expression(Umschalt + F1) als Argument übergeben werden .



Da der Debug-Visualizer in der Node-Reload-Bibliothek ausgeführt wird, ermöglicht er das Hot-Reloading:







Viel Spaß beim Debuggen!



Links:



Github

Author

Demo

Marketplace VS Code






Werbung



Server zum Entwickeln und Hosten Ihrer Projekte - das ist unser Epos ! Alle Server "out of the box" sind vor DDoS-Angriffen geschützt, die Geschwindigkeit des Internetkanals beträgt 500 Megabit, die automatische Installation des praktischen VestaCP-Kontrollfelds zum Hosten von Websites und sogar die automatische Installation von Windows Server zu Tarifen mit 2 GB RAM oder höher. Versuchen Sie es besser einmal;)






All Articles