Loading...
Loading...
Error
Oops! Something went wrong
11-debugging-vue-apps-in-vs-code
Speed
Speed
Quality
Quality
Captions
Captions
media loading
Play
Pause
10
Seek backward
Rewind 10s
Play
Pause
Play
Play
Pause
Pause
20
Seek forward
Forward 20s
Mute
Unmute
Volume High
Volume Low
Volume Low
Mute
Mute
Unmute
0:00
0:00
Start casting
Stop casting
Chapters
Chapters
Introduction to Debugging Vue.js Apps
00:00
Limitations of Vue.js DevTools and Console.log
00:06
VS Code's Built-in JavaScript Debugger
00:34
Setting Up a Simple Debugging Example
01:05
Why Debuggers are Preferable to Console.log
01:33
Enabling Editor Glyph Margin for Breakpoints
02:40
Understanding Breakpoints
03:10
Debugging a Simple JavaScript File
03:35
Inspecting Variables at Breakpoints
04:01
Debugging Vue.js Applications with Vite
05:16
Creating Reactive Refs and Computed Properties in Vue
05:53
Adding Breakpoints in Vue Components
06:30
Examining Raw JavaScript Data in Vue Debugging
06:47
Workaround for Stepping Through Vue Internals
07:21
Debugging User Event-Triggered Code
09:07
Debugging Asynchronous Fetch Requests in Vue
09:36
Inspecting Data During User Interactions
10:53
Stepping Through Loops with the Debugger
11:39
Conclusion: When to Use the VS Code Debugger
12:38
Enable captions
Disable captions
Enable Captions
Enable captions
Disable Captions
Disable captions
Settings
Settings
Settings
Enter fullscreen mode
Exit fullscreen mode
Fullscreen
Enter fullscreen
Exit Fullscreen
Exit fullscreen