| --- |
| Order: 9 |
| Area: nodejs |
| TOCTitle: Debugging Recipes |
| ContentId: 215832f9-d5bd-4cea-8cea-bfc4dc7ff7d1 |
| PageTitle: Node.js Debugging Recipes for Visual Studio Code |
| DateApproved: 3/7/2019 |
| MetaDescription: Learn more about how to setup debugging in Visual Studio Code with debugging recipes |
| MetaSocialImage: debugging_Debugging.png |
| --- |
| # Node.js 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](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](https://nodejs.org/) debugger. |
|
|
|  |
|
|
| **Recipes:** |
|
|
| - [Debugging Node.js with Nodemon](https://github.com/Microsoft/vscode-recipes/tree/master/nodemon) |
|
|
| ## Debug client-side JavaScript in Google Chrome |
|
|
| The Visual Studio Code editor supports debugging of JavaScript running in [Google Chrome](https://electron.atom.io) applications via the [Debugger for Chrome extension](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome). |
|
|
|  |
|
|
| You can read more about how our Debugger for Chrome works in this introduction [blog post](https://code.visualstudio.com/blogs/2016/02/23/introducing-chrome-debugger-for-vs-code). |
|
|
| **Recipes:** |
|
|
| - [Debugging Angular apps with Angular CLI](https://github.com/Microsoft/vscode-recipes/tree/master/Angular-CLI) |
| - [Debugging Next.js apps](https://github.com/Microsoft/vscode-recipes/tree/master/Next-js) |
| - [Debugging Meteor apps](https://github.com/Microsoft/vscode-recipes/tree/master/meteor) |
| - [Debugging Vue.js apps](https://github.com/Microsoft/vscode-recipes/tree/master/vuejs-cli) |
| - [Debugging Mocha tests](https://github.com/Microsoft/vscode-recipes/tree/master/debugging-mocha-tests) |
| - [Debugging Jest tests](https://github.com/Microsoft/vscode-recipes/tree/master/debugging-jest-tests) |
|
|
| **Blog posts**: |
|
|
| * [Live edit and debug your React apps directly from VS Code](https://medium.com/@auchenberg/live-edit-and-debug-your-react-apps-directly-from-vs-code-without-leaving-the-editor-3da489ed905f) |
|
|
| * [Super-charged live editing and JavaScript debugging for Angular using VS Code](https://medium.com/@auchenberg/super-charged-live-editing-and-javascript-debugging-for-angular-using-visual-studio-code-c29da251ec71) |
|
|
| ## Debug Node.js in Docker containers |
|
|
| This recipe shows how to run and debug a VS Code Node.js project written in TypeScript running inside a [Docker](https://www.docker.com) container. |
|
|
|  |
|
|
| **Recipes:** |
|
|
| - [Debugging Node.js with TypeScript in Docker](https://github.com/Microsoft/vscode-recipes/tree/master/Docker-TypeScript) |
|
|
| ## MERN - Mongo, Express, React and Node.js |
|
|
| This recipe shows how to run and debug a MERN (Mongo, Express, React and Node.js) based project in VS Code. |
|
|
|  |
|
|
| **Recipes:** |
|
|
| - [Developing the MERN Starter in VS Code](https://github.com/Microsoft/vscode-recipes/tree/master/MERN-Starter) |
|
|
| ## Electron - Debug Electron applications |
|
|
| The Visual Studio Code editor supports debugging [Electron](https://electron.atom.io) applications via the built-in [Node.js](https://nodejs.org/) debugger and the [Debugger for Chrome extension](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome). |
|
|
|  |
|
|
| **Recipes:** |
|
|
| - [Debugging Electron Main and Renderer processes](https://github.com/Microsoft/vscode-recipes/tree/master/Electron) |
|
|
| ## Next steps |
|
|
| * [Debugging](/docs/editor/debugging.md) - Read about general VS Code debugging features. |
| * [Node.js Debugging](/docs/nodejs/nodejs-debugging.md) - Learn about the built-in Node.js debugger. |
| * [Video: Getting started with Node.js debugging](https://www.youtube.com/watch?v=2oFKNL7vYV8) - Attach to a running Node.js process. |
|
|
