hediet / vscode-debug-visualizer

An extension for VS Code that visualizes data during debugging.
https://marketplace.visualstudio.com/items?itemName=hediet.debug-visualizer
GNU General Public License v3.0
7.93k stars 412 forks source link

Why it can't be visualized?(Js demo) #99

Open Tracker647 opened 3 years ago

Tracker647 commented 3 years ago

Firstly,I yarn my folder but there always have a files( you can find specific information in [Step by Step Instructions For JavaScript

41 Issue](https://github.com/hediet/vscode-debug-visualizer/issues/41#issuecomment-726733483))failed to download for unknown reason.but the debugger can normal working.

But When Debugging online I find the Visualizer can't output the image,when I put such like "Linkedlist" "list" "Node" in the bar but just get their code.I don't know where is wrong.

QQ截图20201119185821

hediet commented 3 years ago

Can you try to visualize data instead? Also, in the drop down options, you can play with different data extractors.

Tracker647 commented 3 years ago

Can you try to visualize data instead? Also, in the drop down options, you can play with different data extractors.

I don't want a function illustate,What I want is get my linklist visualized: QQ截图20201119201453

you means I need to read data-extraction README.md to bulid my own extractors?

hediet commented 3 years ago

The comments at the beginning of the file should be helpful. Also, you can chose the "Object Graph" data extractor to visualize arbitrary structures.

Tracker647 commented 3 years ago

I was read the beginning file but I don't know what the “following code" mean is. But so far I haven't uncommented the code hedietDbgVis.createGraphFromPointers( hedietDbgVis.tryEval([ "list.head", "newNode", "node", "previous", this.constructor.name === "LinkedList" ? "this.head" : "err", ]), n => ({ id: n.data, color: "lightblue", label:${n.data}, edges: [{ to: n.next, label: "next" }].filter(i => !!i.to), }) ) I supposed it's the initalizer to transform code into graph? but I don't know how to use it.

By the way,I tested extension in C,Python,Javascript file,it seems like only javascript files need multiply files(or install additional package) to support? mp error

hediet commented 3 years ago

Maybe this helps:

press F1, enter "Open Debug Visualizer" and use the following code as expression to visualize.

Tracker647 commented 3 years ago

Maybe this helps:

press F1, enter "Open Debug Visualizer" and use the following code as expression to visualize.

:(

888 QQ截图20201119210410