Languages
Topics Overview JavaScript JSON HTML Emmet CSS, SCSS and Less TypeScript Markdown PowerShell C++ Java PHP Python Julia R Ruby Rust Go T-SQL C# .NET Swift Working with JavaScript Node.js Tutorial Node.js Debugging Deploy Node.js Apps Browser Debugging Angular Tutorial React Tutorial Vue Tutorial Debugging Recipes Performance Profiling Extensions Tutorial Transpiling Editing Refactoring Debugging Quick Start Tutorial Run Python Code Editing Linting Formatting Debugging Environments Testing Python Interactive Django Tutorial FastAPI Tutorial Flask Tutorial Create Containers Deploy Python Apps Python in the Web Settings Reference Getting Started Navigate and Edit Refactoring Formatting and Linting Project Management Build Tools Run and Debug Testing Spring Boot Modernizing Java Apps Application Servers Deploy Java Apps GUI Applications Extensions FAQ Intro Videos GCC on Linux GCC on Windows GCC on Windows Subsystem for Linux Clang on macOS Microsoft C++ on Windows Build with CMake CMake Tools on Linux CMake Quick Start C++ Dev Tools for Copilot Editing and Navigating Debugging Configure Debugging Refactoring Settings Reference Configure IntelliSense Configure IntelliSense for Cross-Compiling FAQ Intro Videos Get Started Navigate and Edit IntelliCode Refactoring Formatting and Linting Project Management Build Tools Package Management Run and Debug Testing FAQOn this page there are 4 sections
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.
[JavaScript, Edge, and Chrome logo]
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.