首先在 VS Code 的插件库中搜索debug-visualizer, 然后安装。 使用步骤 打开需要调试的代码文件 选择需要调试的地方打上断点 启动调试 Ctrl + Shift + P打开命令面板,输入Debug Visualizer: New View打开一个新的可视化窗口 在可视化窗口输入需要展示的数据表达式 按F10开始调试,在可视化窗口中就是展示出数据的图表 ...
目前该 VS Code Debug Visualizer 在 JavaScript/TypeScript 上有比较好的效果,在 C#、Java 和 PHP 上也正在积极测试,其它语言也还都能用。 正确的使用姿势 安装此扩展程序后,使用命令 <Open a new Debug Visualizer View> 打开新的可视化视图。在此视图里,设置断点逐步执行后,表达式的执行与动态可视化都会展示在...
Ctrl + Shift + P打开命令面板,输入Debug Visualizer: New View打开一个新的可视化窗口 在可视化窗口输入需要展示的数据表达式 按F10开始调试,在可视化窗口中就是展示出数据的图表 一个可视化窗口只能调试一个文件,可以打开多个窗口同时调试。如果按下Shift+ F1或者输入命令:Debug Visualizer: Use Selection as Expressio...
项目地址:https://github.com/hediet/vscode-debug-visualizer写代码,难免会遇到各种神奇的问题,代码短我们在脑海中「运行」一遍也就差不多能找出原因。但代码要是比较长,错误就会隐藏比较深了,这个时候,不论你 vscode python可视化 Python 数据结构 JSON 转载 mob64ca13fc220d 9月前 382阅读 vscode java ...
安装此扩展程序后,使用命令< Open a new Debug Visualizer View >打开新的可视化视图。在此视图里,设置断点逐步执行后,表达式的执行与动态可视化都会展示在里面。右上角的刷新键可将当前的可视化工具视图弹出到新的浏览器窗口,同时还可以通过展开详细信息的窗口去选择数据提取器以及可视化调试器。
项目地址:https://github.com/hediet/vscode-debug-visualizer 写代码,难免会遇到各种神奇的问题,代码短我们在脑海中「运行」一遍也就差不多能找出原因。但代码要是比较长,错误就会隐藏比较深了,这个时候,不论你是采用 print() 大法,还是善用 assert 语句,或者干脆设置断点,DeBug 总是一条慢慢排除的道路。
那么如果要手动调用 Debug Visualizer,开发者在 Demo 中新提交了一个 Python 示例。我们需要以 JSON 格式来表示数据,并完成自定义可视化,注意该 JSON 需要满足 Debug Visualizer 的格式定义。 如果在循环语句中设置断点,那么就可以导入 json_graph 来可视化结果,如下所示为 10 个节点的可视化展示。
安装此扩展程序后,使用命令< Open a new Debug Visualizer View >打开新的可视化视图。在此视图里,设置断点逐步执行后,表达式的执行与动态可视化都会展示在里面。右上角的刷新键可将当前的可视化工具视图弹出到新的浏览器窗口,同时还可以通过展开详细信息的窗口去选择数据提取器以及可视化调试器。