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