3 Ways To Debug Your Vuejs Apps With VS Code And Chrome

Please take this quick 5 minute survey!

Make sure to follow me!

My Webiste

instructions Debug

[SovietFrontier]

Chrome Debugger is now deprecated. vscode-js-debug has taken it's place.

[hughmungus]

Erik, I'm wondering if you would consider doing an updated version of this for later versions of the software? Pretty much everything you've shown has newer versions now and I'm not finding the instructions you gave to be accurate any more. For example, I can't get Debugger for Chrome to connect from VS Code. In fact, this is the kind of video you might want to redo every year or two....

[kyletozer]

This works in .vue files but doesnt' stop at breakpoints set in the index.js where the app is mounted or any other non-vue .js file in my app. Anyone know why this is?

[santhoshraghavpidathala]

Can you please do a small example or project using all life cycle hooks? (When to use, which one for efficient programming)

[dgloria]

Hi, this doesn't work. The first one. I have no idea what happens, but I can't see any variables.

[johnm]

Great tips, one thing I've always struggled with is debugging from jest tests into vue files, when I step into the Vue file it doesn't step in correctly..any vscode config for this?

[lucapassani]

The VS code extension mentioned in the video is deprecated apparently. Would you consider a revision of the video? Thanks

[risncch]

You're gonna lose viewers if you use Comic Sans

[RandomReviewsGuy]

want to debug a nuxt application in vs code. Trying to figure out the configs for that.

[bulp]

I working in vue but i have a same doubt so i like it before watch a video

[derekkroeker]

On yours it says 20 million downloads, on mine it says 8 million downloads? 3:28

so 1+ years later, the amount of downloads decreased?
Did they make fake downloads, so that they had to delete more than half, or did they count people uninstalling it?

[code-to-design]

Vuex time travel debugging would help alot

[alexandershmidt]

thank you very much, my dear man, you helped me so much with your review!

[cesarp]

Thanks as always Erik.. I have a question.. I can run 'anything' in the devtools.. but I was wondering is.. when I'm calling for example and axios call from my page.. I can also type and run the same command in dev tools to query my database (and it thinks is also coming from own page).. how can I prevent any user from typing and running.. for example, using the same axios calls from the devtools (typing the command in the console) and stopping from querying my db?

[DK-kzcs]

could you provide what extensions/color theme/icon theme/font you used for this demo?