From the course: Learning JavaScript Debugging

Unlock the full course today

Join today to access over 24,600 courses taught by industry experts.

Debug a WordPress theme in Visual Studio Code

Debug a WordPress theme in Visual Studio Code - JavaScript Tutorial

From the course: Learning JavaScript Debugging

Debug a WordPress theme in Visual Studio Code

- [Instructor] In this video we're going to explore setting up web debugging in Visual Studio Code with Chrome. We'll be using this example WordPress site where the site's theme has a JavaScript issue that needs to be resolved. First, we'll take a look at what the page is doing and what we're expecting it to do. So, we'll open up this debugging example page. And there are links up here that let you page through the images in this gallery. Clicking the links with the mouse works fine, but here, the keyboard can also be used. So if I hit the right arrow key I page through the images, and if I hit the left arrow key, nothing happens. So that's what we need to fix. Let's get debugging configured in Visual Studio Code. So, I'm going to open the extensions panel, and I'm going to confirm that the JavaScript debugger extension is installed and enabled. With recent versions of Visual Studio Code it should be here already,…

Contents