DON'T Use JavaScript Console.log() Without this Visual Studio Code Extension!

When I type the console.log the name is striked with a line

Can you please let me know what theme do you use?

Useful, thanks !

Me: console.log("Hello World");
Browser: did you mean to say console.log is a function...? Bro... It ain't a function.
Me: no that's not...
Browser: it's not a function! IT'S NOT A FUNCTION. WHY ARE YOU SAYING THAT

fuck you javascript

thanks

Back in my day we used alert to debug and we liked it! 👴

Useful tool, but I feel like I would become to reliant on it.
I'd much rather put a breakpoint somewhere, or if I'm just trying to capture a snapshot of data, write a small integration test spec to see what it is.

Vs code theme name?

Superb and so creative. I loved it.

What vs theme is it?

Can you do a video on event loop topic?.

Damn. This is brilliant. The coolest extension to me. Thanks a lot

can someone tell plz which vscode theme he is using.

Cool extension.

which extension are you using as theme?

Thank you for sharing 🙏 I often use console.log in this way: console.log(var, '??') console.log(var, '?????') console.log(var, '?????????????')

Almost half way into the video and still no meaningful content 👎

TL; DS
Use Turbo Console Log VS Code extension and hit Ctrl + alt + L.

My goto debugging solution has been console.log, thanks for sharing such an awesome VSCode extension. :)

Cool.
Please Can u teach how to buid pagination with Prisma and mongodb when fetching datas ?!
Thanks.

Can you stop waffling on all your videos for the first two minutes? Apart from that, great content 👍

the fact there is like 459 million different uploads of this extension

Without console log I'm nothing 😂

Niccccee! I cannot tell you how much time I spend writing log statements in JS. This extension is dope

I didn't realize I already had this installed until I watched the video 😆

this is terribly amazing for react native and expo apps, since you're using only the terminal to log your messages instead of the browser dev tools
Amazing tool thanx Mr.James

have turbo console. but still console.log('hello mom') ftw 👌👌😜😜

Subbed Your Channel, It is very interesting and beautiful :) thank you for sharing====

Cool extension! It would be fantastic if it wrapped objects in JSON.stringify(obj, null, 2) for ease of reading.

Awesome...

Hey great video! Glad to see indoors cap guy is back, I've missed him.
Personally, I still think turbo.consolelog is a bit overkill for my needs, I debug with console.warn and since it also outputs the stacktrace

I have $2.38 in my bank account right now. Fortunately I can keep track of it without a wallet 😬😭😂

Lol being unemployed during a recession ain't no joke. Nice video bro 🎇

I have been having trouble lately with both Chrome and Firefox debugging tools. Stepping through breakpoints will sometimes give me variable values that are undefined causing if statements to fail when I know the are working when I don't debug the app.

I use Vue 2 and I think there is a larger issue with webpack and source maps that did not use to be there. SCSS files not being imported and updates to random Vue components not updating with changes.

I also think there is some file caching issues too. I have literally fixed an error and the update component code is reflected in the source or debugging tab but still behaves like it was not updated.

It is driving me a bit crazy i have to build production version over and over because watching or using a hot reload just gives different builds.

Ctrl, Option, L - not sure where to find the Option key on my keyboard?

Dude. So cool

Yes - console.log is great. For logging. Not for debugging. Use debugging for that.

When ppl use console.log for debugging they add tons of console.log statements many places to follow logic and data. Sometimes they need to do a few ifs and assigments to get the right data logged. Sadly these console.log statements are sometimes (often) commited and pushed to production because "we need to see whats going on there too". Looking at the production log you find the "neverending logging everything" log. And rarely are the console.log statements carefully crafted.

Sometimes log statements changeyour codes behavior (because you need that if first) or even add a bug (ohh that variable was null). Thats really (%%/(/((()%%€

I try to use "real" debugging in vs code for the serverside stuff but its tough to setup and often doesnt work well. client side is just adding a "debugger" statement somewere or a breakpoint. Really easy.

Other alternatives is to use stuff like the sentry compatible oss alternative called glitchtip.

I would much prefer if we stopped calling adding console.log statements for "debugging". And I would love to learn more about real debugging

Hello James, is that the Cascadia Code font?

i used many year console turbot, but now i prefer use Wrap Console Log.
It allow control where to log.

I hope this one makes things simpler. Honestly every debug tool I've used doesn't fit me. Thank you James.

Edit: I feel like this is exactly what makes my console logs better!!!!

One of the best tool for Developer Vscode 🧑🏻‍💻 James you have a Cool theme in Vscode 😎Thanks James 👏🏻

I'm more of a fan of making a breakpoint in chrome's web develop tool, so then I can see all variables in that specific point, and play with them (specially useful to see what's inside for example a Form)

James - Seems that the link to the wallet is not showing? Thank you 🙂

This would be incredible in Node - do you know of any equivalent? But cool extension, thanks!