From the course: Learning JavaScript Debugging

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Solution: Debugging with an IDE

Solution: Debugging with an IDE - JavaScript Tutorial

From the course: Learning JavaScript Debugging

Start my 1-month free trial

Solution: Debugging with an IDE

“

(upbeat electronic music) - [Instructor] Let's take a look at a solution for this editor-based debugger challenge. We need to set up a debugging configuration in the editor and then fix that bug with the headers not changing color when we mouse over them. So while I'm here, I'm going to copy the URL of this page that we're debugging, and then over here in Visual Studio Code, I'm going to create a debugging configuration. That's going to be here in the run or debug panel, and I'll create my launch.json file against Chrome. I can leave everything just like it is except for the URL. I'm going to change that so we start in the right place. There we go, and incidentally, you don't have to debug in Chrome. There are other extensions if you search for debugger, there's one for Firefox, down here, you can see there's another one for Microsoft Edge. So we have some options. Chrome is probably the most popular one for this sort…

Contents