JavaScript 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.

Debug server-side JavaScript in Node.js

The Visual Studio Code editor supports debugging Node.js applications via the built-in Node.js debugger.

Recipes:

• Debugging Node.js with Nodemon
• Debugging Node.js AWS Lambda functions

Debug client-side JavaScript in Browsers

The Visual Studio Code editor supports debugging of JavaScript running in Microsoft Edge and Google Chrome.

You can read more about debugging browsers works in the Browser Debugging documentation.

Recipes:

• Debugging Angular apps with Angular CLI
• Debugging Next.js apps
• Debugging Meteor apps
• Debugging Vue.js apps
• Debugging Mocha tests
• Debugging Jest tests

Blog posts:

• Live edit and debug your React apps directly from VS Code
• Super-charged live editing and JavaScript debugging for Angular using VS Code

Electron - Debug Electron applications

The Visual Studio Code editor supports debugging Electron applications via the built-in JavaScript debugger.

Recipes:

• Debugging Electron Main and Renderer processes

Next steps

• Debugging - Read about general VS Code debugging features.
• Node.js Debugging - Learn about the built-in Node.js debugger.
• Video: Getting started with debugging in VS Code - Learn about debugging in VS Code.