sonax.blogg.se - Visual studio code javascript how to debug single lines

The idea of debugging is being able to (conditionally) trigger what are called breakpoints to pause the execution of your code. Step 2 - Understanding the Basics of Debuggingīefore you begin to debug your app, it is helpful to be familiar with how debugging works. The app incorrectly grabs the user’s username by referencing usernameInput.text instead of usernameInput.value.

Or you can download the zip file and unzip the contents. You use Git to clone the Design-and-Build-a-Chat-Application-with-Socket.io repo. If you don’t have a JavaScript project to follow along with, you can complete this step to create a Quick Chat project. Step 1 - Creating a Sample App (Optional)

Node.js installed locally, which you can do by following How to Install Node.js and Create a Local Development Environment.įor this tutorial, you can apply the lessons to one of your own JavaScript projects that can be run on a Node server, but there is also the option to follow along using a sample application if you prefer.

The latest version of Visual Studio Code installed on your machine.

The latest version of Google Chrome installed on your machine.

To complete this tutorial, you will need the following: This tutorial will take a look at debugging JavaScript with the Google Chrome DevTools, as well as with the popular text editor Visual Studio Code (VS Code).

Knowing how to use debugging tools may not always be obvious when working with JavaScript outside of an integrated developer environment (IDE). Learning to debug is an essential skill for developers, as it allows them to efficiently fix errors during development.