A Visual Studio Code extension that visualizes the function calls (code paths) leading up to your breakpoints. Gain insights into the execution flow in your code and troubleshoot efficiently!
This extension is designed to work with all languages supported by Visual Studio Code. However, the following languages have been tested for compatibility:
| Language | Debugger | Linux | Windows | Notes |
|---|---|---|---|---|
| Go | golang | ✅ | ✅ | |
| Python | debugpy | ✅ | ✅ | |
| JavaScript | Node | ❔ | ✅ | using node.js runtime |
| TypeScript | pwa-node | ✅ | ✅ | using Deno runtime |
| C++ | GDB | ✅ | ❔ | |
| C | GDB | ✅ | ❔ | |
| Rust | lldb | ✅ | ❔ | |
| C# | dotnet | ✅ | ✅ | dotnet 8 + 6 |
✅ tested | ❌ not working | ❔ not tested
All test projects can be found in the test_code directory.
More testing is planned for additional languages such as C#, C, and Java.
- Set a breakpoint in your code.
- Click on the
Call Graphicon in the top bar of your editor (only visible while debugging). - Explore the variables and trace the origin of your execution.
- Open Visual Studio Code.
- Go to the Extensions view (square icon in the sidebar).
- Search for Debug Graph and click Install.
You can also install it directly from the Visual Studio Marketplace.
For bug reports or feature requests, please visit our GitHub Repository.
- Extension Name: debug-graph
- Extension ID: k0in.debug-graph
- View on Visual Studio Marketplace