Updating variables through variable section To do that, you can change the value of count to 20 in the “Variables” section. For example, you want to debug the code when the value of the count is 20. Sometimes, you want to debug your code in a particular scenario. It will also show the values of the variables.

It will show the variables and functions that are currently in scope. On the side pane, the top section is the “Variables” section. On pressing you will see a “Hello World!” being logged in the Debug Console. It is the first play button on the toolbar. Press the “Continue” button on the debug toolbar. It will show the output of the console logs and other statements. The debug console is the bottom terminal section where you can see the output of the code. Now, let’s discuss the various sections of the debugger interface. The current breakpoint is highlighted by VS Code It will highlight the line where the execution is paused. It will pause the execution of the code at the first breakpoint. Once you press the “Run and Debug” button, the debugger will start running the code. Let’s add two breakpoints on the two console logs in the code. To remove a breakpoint, click on the red dot again or press F9 again. It will appear as a red dot beside the line number. You can also use the shortcut F9 to create a breakpoint on the line your cursor is on currently. To create a breakpoint, hover on the left side beside the line number. We can also use the debugger to change the values of variables and continue the execution of the code with the updated values. It will allow us to inspect the state of the code at that point.

Understanding BreakpointsĪ breakpoint is a point in the code where the debugger will pause the execution of the code. The interface should look something like this: VS Code Debugging Interfaceīefore moving forward we need to understand what a breakpoint is.

If it asks you to choose the environment, select “Node.js”.Īfter selecting the environment VS Code will run the node.js script and will attach its debugger to that process. Or you can use the shortcut Ctrl + Shift + D to open the Debug pane. On the VS Code side pane, you will find a “Run and Debug” section. }, 1000) Code language: JavaScript ( javascript ) Console.log( 'Codedamn rocks! ' + count)

Visual studio code javascript