Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hediet/vscode-realtime-debugging

An extension for VS Code that visualizes how a program is being executed in real time.
https://github.com/hediet/vscode-realtime-debugging

Last synced: about 2 months ago
JSON representation

An extension for VS Code that visualizes how a program is being executed in real time.

Awesome Lists containing this project

README

        

# Real-Time Debugging

[![](https://img.shields.io/twitter/follow/hediet_dev.svg?style=social)](https://twitter.com/intent/follow?screen_name=hediet_dev)

## Features

- Highlights statements that write to stdout when they are executed.
- Statements that have a Logpoint on them write to stdout when they are executed ;)
- Shows the text that was written to stdout next to the statement.
- Theoretically supports every debugger and language out there (there is nothing in the implementation specific to JavaScript).

## Demo NodeJS

![](./docs/demo-nodejs.gif)

## Demo Web

![](./docs/demo-web.gif)

## Logpoints

If you are familiar with logpoints, you will never ever need `console.log` for debugging again!
I highly recommend binding the command `Debug: Add Logpoint...` to a shortcut that is easy to reach (I put it on Shift+F2).

With logpoints you don't need to restart a program when you want to visualize its execution.

![](./docs/logpoints.gif)

## Caveats

Does not work when debugging VS Code extension, since they don't write to stdout (`console.log` is patched and the `output` event is not sent by the debug adapter).