Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Live DebugNew to Visual Studio Code? Get it now.

Live Debug

Henning Dieterichs

|
4,090 installs
| (0) | Free
Connects to a NodeJS or Chrome debuggee and displays live data.
This extension is now unpublished from Marketplace. You can choose to uninstall it.

Live Debug

This is the VSCode extension for @hediet/live-debug, @hediet/node-reload and other libraries that implement live debug.

Live Logging

Just use liveLog(expression) from @hediet/live-debug and it shows you the last value of the expression inline:

Demo

Works for both NodeJS and web applications.

Steps Execution State Visualizer

It displays the current executation state when simply debugging a nodejs application that uses the step execution controller (see runExportedSteps in @hediet/node-reload).

Example

If you have this typescript code:

enableHotReload();
registerUpdateReconciler(module);
runExportedSteps(module, getSteps);

export function getSteps(): Steps {
	return steps(
		{
			id: "start",
			run: async (args, { onRewind }) => {
				await slowLog("start");
				onRewind(() => slowLog("undo start"));
				return { data: 9 };
			},
		},
		{
			id: "continue1",
			run: async (args, { onRewind }) => {
				await slowLog("continue 1");
				onRewind(() => slowLog("undo 1"));
				return { data2: 10, ...args };
			},
		},
		{
			id: "continue2",
			run: async (args, { onRewind }) => {
				await slowLog("continue 2");
				onRewind(() => slowLog("undo 2"));
				return {};
			},
		}
	);
}

And debug it using vscode and having this extension installed, you can see the executation state of each step:

Execution state

You can also run a specific step:

Move to step

It integrates very well with puppeteer:

Puppeteer Demo

How does it work

When debugging a node application using the node, node2 or chrome debug adapter, this extension launches an RPC server and instructs the live-debug library instance of the debugee to connect to it.

ChangeLog

  • 0.5.0 Version Upgrade
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2021 Microsoft