首先在 VS Code 的插件库中搜索debug-visualizer, 然后安装。 使用步骤 打开需要调试的代码文件 选择需要调试的地方打上断点 启动调试 Ctrl + Shift + P打开命令面板,输入Debug Visualizer: New View打开一个新的可视化窗口 在可视化窗口输入需要展示的数据表达式 按F10开始调试,在可视化窗口中就是展示出数据的图表 ...
https://addyosmani.com/blog/visualize-data-structures-vscode/ 官方样例 VSCode Debug Visualizer的JavaScript示例包含在主存储库中。要开始使用它们,请检查是否已安装yarn和node,然后: 复制下列仓库代码:https://github.com/hediet/vscode-debug-visualizer 运行...
你可以通过编写自己的函数,从自定义数据结构中提取这些调试数据。请参阅 https://github.com/hediet/vscode-debug-visualizer/raw/master/data-extraction/README.md 以获取createGraphFromPointers的文档。 集成式展示台 可视化工具用于显示由数据提取器提取的数据。可视化工具是(大部分)React 组件,位于扩展程序的 Web ...
项目地址:https://github.com/hediet/vscode-debug-visualizer 参考链接:https://www.reddit.com/r/programming/comments/f88zom/i_made_an_extension_for_visual_debugging_in_vs/
项目地址：https://github.com/hediet/vscode-debug-visualizer 写代码，难免会遇到各种神奇的问题，代码短我们在脑海中「运行」一遍也就差不多能找出原因。但代码要是比较长，错误就会隐藏比较深了，这个时候，不论你是采用 print() 大法，还是善用 assert 语句，或者干脆设置断点，DeBug 总是一条慢慢排除的道路。...
项目地址:https://github.com/hediet/vscode-debug-visualizer 写代码,难免会遇到各种神奇的问题,代码短我们在脑海中「运行」一遍也就差不多能找出原因。但代码要是比较长,错误就会隐藏比较深了,这个时候,不论你是采用 print() 大法,还是善用 assert 语句,或者干脆设置断点,DeBug 总是一条慢慢排除的道路。
你可以通过编写自己的函数,从自定义数据结构中提取这些调试数据。请参阅 https:///hediet/vscode-debug-visualizer/raw/master/data-extraction/README.md 以获取 createGraphFromPointers 的文档。 集成式展示台 可视化工具用于显示由数据提取器提取的数据。可视化工具是(大部分)React 组件,位于扩展程序的 Web 视图中...
项目地址:https://github.com/hediet/vscode-debug-visualizer 写代码,难免会遇到各种神奇的问题,代码短我们在脑海中「运行」一遍也就差不多能找出原因。但代码要是比较长,错误就会隐藏比较深了,这个时候,不论你是采用 print() 大法,还是善用 assert 语句,或者干脆设置断点,DeBug 总是一条慢慢排除的道路。
marketplace.visualstudio.com/items?itemName=hediet.debug-visualizer Topics visualization vscode-extension hacktoberfest Resources Readme License GPL-3.0 license Activity Stars 8.1k stars Watchers 115 watching Forks 426 forks Report repository Releases 6 tags Sponsor this project hediet Henn...
项目地址:https:///hediet/vscode-debug-visualizer写代码,难免会遇到各种神奇的问题,代码短我们在脑海中「运行」一遍也就差不多能找出原因。但代码要是比较长,错误就会隐藏比较深了,这个时候,不论你是采用 print() 大法,还是善用 assert 语句,或者干脆设置断点,DeBug 总是一条慢慢排除的道路。之前机器之心曾介绍...