How to Debug JavaScript in Visual Studio Code and Google Chrome

Debugging is important while working on JavaScript projects and there are a number of ways in which we can debug our web applications. Here we will learn various ways to debug and how we can leverage Visual Studio Code and Chrome to set up a seamless debugging experience.

0:00 Debugging Introduction
0:25 Project Overview
3:47 Using debugger statement
4:55 Adding breakpoints
5:22 Understanding the Sources Section
6:50 Using Watch
7:54 Adding Chrome Debugger to VSCode

#debugging #javascript #vscode #chrome #webdevelopment

[BO-nymm]

I enjoyed listening to your tutorial so much that I had to write a comment (I very rarely do that). You are an excellent lecturer. Everything is explained in detail and clear. You really stand out from the crowd of tutorials. Thank you very much!

[koushikhalder]

Indeed its helpful for debugging and code point of view...

[blessedzulu]

This was very helpful, kind stranger. Consider me a new fan.

[alps]

Thank you, sir! New to front end development, and this video helped tremendously!

[seifeddineslimene]

09:53 Instead of using console.log, you can use logpoint which is already a VScode debugger feature :)

[ikegbunammichael]

What plug in did you use to link your chrome with vs code, because my js doesnt run on chrome. Hoping for your reply.