Debugging Recipes

Visual Studio Code supports debugging of many languages and platforms via debuggers that are either built-in or contributed by extensions.

To make it easier to get started with debugging, we have made a collection of debugging "recipes" which contain the steps and configuration you need to set up debugging for your favorite platform. The recipes are in GitHub at https://github.com/Microsoft/vscode-recipes.

Chrome - Debug JavaScript in Google Chrome

The Visual Studio Code editor supports debugging of JavaScript running in Google Chrome applications via the Debugger for Chrome extension.

chrome

You can read more about how our Debugger for Chrome works in this introduction blog post.

Recipe: Chrome Debugging with Angular CLI

Here are two other relevant blog posts:

Node.js + TypeScript + Docker Container

This recipe shows how to run and debug a VS Code Node.js project written in TypeScript running inside a Docker container.

Recipe: Docker-TypeScript

MERN - Mongo, Express, React and NodeJS

This recipe shows how to run and debug a MERN (Mongo, Express, React and NodeJS) based project in VS Code.

Recipe: Developing the MERN Starter in VS Code

Electron - Debug Electron applications

The Visual Studio Code editor supports debugging Electron applications via the built-in Node.js debugger and the Debugger for Chrome extension.

electron

Recipe: Electron

Next Steps