| Order | 10 |
|---|---|
| Area | nodejs |
| TOCTitle | Debugging Recipes |
| ContentId | 215832f9-d5bd-4cea-8cea-bfc4dc7ff7d1 |
| PageTitle | JavaScript Debugging Recipes for Visual Studio Code |
| DateApproved | 12/7/2023 |
| MetaDescription | Learn more about how to setup debugging in Visual Studio Code with debugging recipes |
| MetaSocialImage | debugging_Debugging.png |
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.
The Visual Studio Code editor supports debugging Node.js applications via the built-in Node.js debugger.
Recipes:
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
The Visual Studio Code editor supports debugging Electron applications via the built-in JavaScript debugger.
Recipes:
- Debugging - Read about general VS Code debugging features.
- Node.js Debugging - Learn about the built-in Node.js debugger.
- Video: Getting started with Node.js debugging - Attach to a running Node.js process.