Comments (10)
I fixed it in 1.1.0. Should work with js-debug-nightly.
from vscode-debug-visualizer.
It's like the watch window that VS Code already provides in the debug pane. Except that it does not display the result as text, but interprets the result as data for specific visualizers.
Is it usable with Promises?
As thus, you cannot visualize Promises directly, as there is no visualization for them.
At what point can I use it and how?
You can use it whenever you can use VS Codes watch window.
Can it only output expressions or even a call stack?
Now I am confused. It does not output expression, but visualizes the result of them, evaluated everytime the debugger pauses.
There is no visualizer for the current call stack yet, but VS Code already displays the call stack.
Did that clarify things?
from vscode-debug-visualizer.
For Promises and call stack yes. But how do I visualize something like .map or an iteration or even a simple object?
from vscode-debug-visualizer.
And how is the debug adapter chosen? When I run a node app it reports pwa-chrome instead of node?
from vscode-debug-visualizer.
How does it report pwa-chrome
? This extension is not involved in chosing the debug adapter.
How would you like .map to be visualized? It's a function call. This extension visualizes data structures.
I'll try to record a video that will demonstrate how to use this extension for javascript.
from vscode-debug-visualizer.
It reports pwa-chrome in the output of the visualizer window.
Okay so I can't visualize iteration with map only with for loops? Is it a bit like in d3 enter update exit with a tick function?
from vscode-debug-visualizer.
I have got a similar error after these steps:
- Run VsCode command "Debug: Create JavaScript Debug Terminal"
- Run "node" in terminal
- Run "debugger" in node repl.
- Run VsCode command "Debug Visualizer: New View"
- Input:
{
"kind": { "graph": true },
"nodes": [
{ "id": "1", "label": "1" },
{ "id": "2", "label": "2", "color": "orange" },
{ "id": "3", "label": "3" }
],
"edges": [
{ "from": "1", "to": "2", "color": "red" },
{ "from": "1", "to": "3" }
]
}
What are Extractor, and Visualizer? They are (none)
now. How can I setup Extractor, Visualizer?
from vscode-debug-visualizer.
Ah, now I understand the problem. Never really encountered the pwa-chrome
debug adapter.
Why is VS Code using this debug adapter, and not the node
debug adapter?
Which extension provides the command Debug: Create JavaScript Debug Terminal
?
from vscode-debug-visualizer.
I have installed extension "js-debug-nightly", and it provide the command Debug: Create JavaScript Debug Terminal
from vscode-debug-visualizer.
I'm closing this issue. Please reopen if the update does not fix it.
from vscode-debug-visualizer.
Related Issues (20)
- Missing support for "gdb" debug adapter
- https://github.com/hediet/vscode-debug-visualizer
- Visualization in python
- Publish `Debug Visualizer` to Open VSX
- Overcome python debug adapter's string truncation limit HOT 10
- Please create and example in C HOT 1
- Is not working for dart language
- No able to run Debug visualizer
- `yarn build` fails on most recent commit HOT 2
- C# debugger has a very low (1024 chars) JSON length limit HOT 13
- Unable to show geometries data HOT 2
- Short choice of visualisers HOT 7
- How do you visualize an array as like a literal table, rather than a graph? HOT 1
- Version bump
- Python Visualizer is cluttered
- Unable to get the grid visualisation in python demo HOT 1
- Error: Could not parse evaluation result as JSON: Unexpected token 'U', "Usage: -Us"... is not valid JSON HOT 1
- Error: Vizualising the json of C++ graph view is failing HOT 5
- Visualizer is displaying some type of object structure rather than a visual representation of that object
- cortex debug,
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vscode-debug-visualizer.