DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

Play Button Pause Button
Xiaoru Li for The Method Coder

Posted on

๐Ÿ”ฅ Debugging Frontend Apps inside VS Code!

Did you know that we can also debug client-side, frontend code right from VS Code, using its powerful built-in debugger? ๐Ÿคฏ

In this 94-second video, we'll use the Chrome debugger extension to debug an event handler in a React app.

Although the demo is in React, the same knowledge applies to any frontend apps! ๐Ÿฅณ


This video is part of my new 6-minute crash course series on YouTube ๐Ÿ‘‰ Debugging in VS Code ๐Ÿ”ฅ

ย 

Like this video?

I'm also on Twitter: @hexrcs
Check out my YouTube Channel: The Method Coder
You can find me at my homepage as well: xiaoru.li

Oldest comments (6)

Collapse
 
fanchgadjo profile image
Francois K

๐Ÿ”ฅ ๅŽ‰ๅฎณ !

Collapse
 
hexrcs profile image
Xiaoru Li

๐Ÿ’–

Collapse
 
johneric1 profile image
John Eric

That was awesome๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ

Collapse
 
hexrcs profile image
Xiaoru Li

Thanks, glad you like it!

It's super handy to debug right in the code editor, instead of popping up the devtools in the browser, head to the source panel, identify which line to set a breakpoint at...

Collapse
 
guilhermeorcezi profile image
Guilherme Orcezi

Awesome! I will use it.

Collapse
 
daset profile image
Daset

I would appreciate your content in the article with optional external link to the video

Let's Get Wacky


Use any Linode offering to create something unique or silly in the DEV x Linode Hackathon 2022 and win the Wacky Wildcard category

โ†’ Join the Hackathon <-