This type can be Node, Chrome, PHP, etc.Īs you create different configurations, VS Code will also provide IntelliSense for other properties that can be defined. type - The type of debugger for the configuration.request - The type of action that you want to take.name - The name of the configuration as displayed in the configurations dropdown.From here, ignore the popup and we will get started with creating our first configuration. To create your initial launch.json file, click the No Configurations dropdown and choose Add Configuration.
Let’s take a look at creating our first one. VS Code helps us not only create that folder and file but also helps to generate predefined configurations as well. VS Code stores debug configurations in a file called launch.json inside of a folder called. If you have already created a configuration, you’ll see it listed there. You’ll notice that there are four different sections: variables, watch, call stack, and breakpoints.Īt the top of the panel, you will see a green play button and a dropdown that says No Configurations if you have yet to create a debug configuration. To open the debug panel, click on the bug icon on the sidebar (on the left side by default).
Step 3 - Using the VS Code Debugging Panel Regardless of what application you are debugging, set a breakpoint that can be triggered easily, such as when the application loads, a route is triggered, etc. You can also download the zip file and unzip the contents.Ĭonsole. You use Git to clone the Design-and-Build-a-Chat-Application-with-Socket.io repo. If you do not have a project to follow along with, you can follow this step to create this application. This tutorial will debug an example application called Quick Chat. Step 1 - Creating a Sample App (Optional)
There is also the option to follow along using a sample application if you prefer. The Debugger for Chrome extension installed in Visual Studio Code.įor this tutorial, you can apply the lessons to one of your JavaScript projects that can be run on a Node server.The latest version of Visual Studio Code installed on your machine.Node.js installed locally, which you can do by following How to Install Node.js and Create a Local Development Environment.To complete this tutorial, you will need: In this article, you will configure VS Code to debug Node.js by downloading the Debugger for Chrome extension, creating a debug configuration, launching a debug configuration, and setting breakpoints. Visual Studio Code has a large amount of functionality built-in, including support for debugging applications.
0 kommentar(er)
