效果上确实非常惊艳,它与之前的 DeBug 方式采用完全不同的展现形式。目前该 VS Code Debug Visualizer 在 JavaScript/TypeScript上有比较好的效果,在 C#、Java和 PHP 上也正在积极测试,其它语言也还都能用。 正确的使用姿势 安装此扩展程序后,使用命令< Open a new Debug Visualizer View >打开新的可视化视图。在...
用于在调试期间可视化数据结构的 VS Code 扩展。 用法 安装此扩展后,使用命令Open a new Debug Visualizer View打开新的可视化器视图。在这个视图中,你可以输入一个表达式,该表达式在逐步分析你的代码时会进行评估和可视化,例如 代码语言:javascript 代码运行次数:0 运行 AI代码解释 {kind:{graph:true},nodes:[{id...
首先在 VS Code 的插件库中搜索debug-visualizer, 然后安装。 使用步骤 打开需要调试的代码文件 选择需要调试的地方打上断点 启动调试 Ctrl + Shift + P打开命令面板,输入Debug Visualizer: New View打开一个新的可视化窗口 在可视化窗口输入需要展示的数据表达式 按F10开始调试,在可视化窗口中就是展示出数据的图表 ...
用于在调试期间可视化数据结构的 VS Code 扩展。 用法 安装此扩展后,使用命令 Open a new Debug Visualizer View 打开新的可视化器视图。在这个视图中,你可以输入一个表达式,该表达式在逐步分析你的代码时会进…
效果上确实非常惊艳，它与之前的 DeBug 方式采用完全不同的展现形式。目前该 VS Code Debug Visualizer 在 JavaScript/TypeScript 上有比较好的效果，在 C#、Java 和 PHP 上也正在积极测试，其它语言也还都能用。正确的使用姿势 安装此扩展程序后，使用命令< Open a new Debug Visualizer View >打开新的可视化视图...
用于在调试期间可视化数据结构的 VS Code 扩展。 用法 安装此扩展后,使用命令 Open a new Debug Visualizer View 打开新的可视化器视图。在这个视图中,你可以输入一个表达式,该表达式在逐步分析你的代码时会进行评估和可视化,例如 1{ 2 kind: { graph: true }, ...
效果上确实非常惊艳,它与之前的 DeBug 方式采用完全不同的展现形式。目前该 VS Code Debug Visualizer 在 JavaScript/TypeScript 上有比较好的效果,在 C#、Java 和 PHP 上也正在积极测试,其它语言也还都能用。 正确的使用姿势 安装此扩展程序后,使用命令 <Open a new Debug Visualizer View> 打开新的可视化视图...
效果上确实非常惊艳,它与之前的 DeBug 方式采用完全不同的展现形式。目前该 VS Code Debug Visualizer 在 JavaScript/TypeScript 上有比较好的效果,在 C#、Java 和 PHP 上也正在积极测试,其它语言也还都能用。 正确的使用姿势 安装此扩展程序后,使用命令< Open a new Debug Visualizer View >打开新的可视化视图...
Repository files navigation README GPL-3.0 license VS Code Debug Visualizer See README.md for the readme of the extension. You can get the extension in the marketplace. See CONTRIBUTING.md for build instructions and implementation details.About...
VS Code调试太难?这款可视化代码调试工具值得拥有 一个名叫 hediet 的外国程序员开源了一个在调试期间可视化数据结构的 VS Code 扩展——Debug Visualizer。 这是一个在调试期间可视化数据结构的 VS Code 扩展,使用它之后,你可以清晰明了的看到不同数据之间的关系。