On the left-hand side of the editor, there are five panes titled VARIABLES, WATCH, CALL STACK, LOADED SCRIPTS, and BREAKPOINTS.

You can see the output of your project in the DEBUG CONSOLE, and the debug toolbar appears at the top of the screen to step through the code, pause the script, or end the session. The Node.js (legacy) option refers to the old JavaScript debugger, which is still available but not recommended.Īfter selecting an environment, the project launches and the debugger attaches to the process. The Visual Studio Code debugger will try to auto-detect the debug environment for your project, but if this fails, you will be prompted to select the appropriate environment in this case, select Node.js. The easiest way to start a debugging session in Visual Studio Code is to open a file in the editor, click the Run View icon in the Activity Bar (or press Ctrl+Shift+D on your keyboard), followed by the Run and Debug button at the top left corner of the application. Start a debugging session in Visual Studio Code The instructions to set it up are in the project’s README file. You also need a Node.js project you can use your own or download this sample URL shortener application. This tutorial uses v16.2.0 and 1.56.2, respectively. Setting up a project for Node.js debugging is not particularly difficult, and this tutorial will help you get it right on the first try! Prerequisitesīefore beginning, ensure the most recent versions of both Node.js and Visual Studio Code are installed.

You can also evaluate expressions in the editor and step through the code to drill into the problematic parts.

When beginning a debugging session, you must inspect the call stack and any scoped variables in their current state. Its built-in debugger can debug any application that targets the Node.js runtime, even if the source code for the application is a language that transpiles to JavaScript, such as TypeScript.

The Visual Studio Code editor has all the tools to debug Node.js applications effectively. How to debug Node.js apps in Visual Studio Code I'm currently working on my own products and teaching programming via my website freshman.tech. Ayooluwa Isaiah Follow I'm a software developer from Nigeria with a keen interest in web technologies, security, and performance.

Visual studio code js include path