Console Ninja VSCode Extension
HTML-код
- Опубликовано: 19 июн 2024
- @WallabyTeam is at it again with another great VSCode extension, Console Ninja. It’s quickly becoming my new favorite extension.
🔗 Key Links 🔗
- console-ninja.com/
- VSCode Extension: marketplace.visualstudio.com/...
---------------------------------------
⏲️ Timestamps ⏲️
0:00 Introduction
1:08 Live Server with JavaScript
2:46 Frontend UI with React
5:48 API / Backend with NextJS
9:30 🎉 Announcement! 🎉
---------------------------------------
🎨 VSCode Theming
- Font: Cascadia Code: github.com/microsoft/cascadia...
- Theme: marketplace.visualstudio.com/...
- Icons: marketplace.visualstudio.com/...
---------------------------------------
🌐 Connect With Me 🌐
- Website: codinginpublic.dev
- Blog: chrispennington.blog
- Twitter: / cpenned
- Patreon: / coding_in_public
- Buy Me a Coffee: www.buymeacoffee.com/chrispen... 
Хобби
that's one of the greatest logo designs ive ever seen
exactly the wink of the ninja, extremely well thought but i think the finishing could've been better
I agree.
So it would seem
This is so cool, can't wait to try it out. Thanks for recommending it!
You’re welcome! Let me know what you think!
this is cool! Plus i'm super hype for your Astro course! congratulations!!!
🙌 I’m really excited about how it all turned out!
Between the awesome educational videos from our favorite youtubers and all the dev tools available for nearly every use case, new (and even old) devs are truly spoiled. I remember when I started out, all we had was notepad, then Notepad++ came along. But then when all these code editors with installable community created extensions came, it was heaven...and just when you didn't think it could get any better, it does!
It's a great time to be in the web dev space 🙌
Agreed! I started writing C/C++ around 17 years ago in Dev-C++ doing basic game development. How times have changed... I've talked to a few devs who used to work with a PDP-11 and it's fascinating hearing how things used to be. I read an article from TheVerge that stated a modern USB-C charger has more processing power compared to the Apollo 11 Guidance Computers. I can only imagine where we'll be in the next 10 or even 20 years. This field moves at an insane speed, and it feels great to be apart of it. Being a Software Engineer as a day job is also a whole different world.
One of my Favorite Extension. Super awesome and helpful for developers
🙌
Will try this out.Looks interesting 🙌
🙌
Thank you, Chris!
You’re welcome!
Excellent video!!!
Glad you enjoyed it!
Awesome video 👌👌
Glad you liked it
What font are you using for VS Code? It looks nice, and I'm looking to swap some things up in my environment, the font being of them.
Thanks in advance! :)
Sure thing! Called Cascadia Code. Free font by Microsoft. More here: ruclips.net/video/5uETTXxVj8s/видео.html
insane extension
Ikr!?!
Sorry for the offtopic question, but what is the color scheme that are you using on vscode?
Great video btw
No worries! I'm using Community Material theme. Link in description.
Niceeee!!!, it helps me debug faster
🙌
oh my god! i can't wait for it to drop esp to learn about setting up an RSS feed
Tomorrow 👀
Ok this is awesome
Yeah, it’s such a nice experience!
how do u make the bottom bar with those Spaces LF HTML, Port, Ninja etc in it in ur VSCode?
It's called the Status bar. I believe it's on by default in VSCode, but if you turned it off, you should be able to toggle its visibility back on in VSCode settings.
its a good extension but for error handling why not just use TS instead of JS??
You certainly can, but you have errors in TS, too, so you may still find use for the extension. I haven't used it yet with TS, so let me know your thoughts.
So it won’t work with like a Java app with a react front end?
I haven’t looked at the supported environments recently, but depending on your front end it may work there?
I'm using a macbook, on checking the logs of console ninja, I discovered that it requires permission to write and modify some of the node_module files (from webpack and vite) for it to work. Please help
Hmm…odd. I'm guessing the sudo command would help…or you could rewrite permissions to your directories in question with the chmod command? May be worth searching on those two options?
what is the name of the theme you are using with vs code
I believe I was using Community Material Palenight High Contrast here?
i have issue when use console ninja Console Ninja is 💤 inactive. Console Ninja has scanned your project dependencies, but has not found any tools that are supported. How i can active ? pls help
Are you using one of the supported build tools shown in the settings? And have you installed your node modules?
@@CodinginPublic yes, i have installed my node module, i work with nextjs and console ninja is inactive :(
Hmm. Is it giving you any specific errors?
I'm working with a simple script.js file and *I've no idea how to get this to work* . I installed it, enabled Live Preview on its settings (it's the extension that I use), restarted VS Code, selected "Start Console Ninja" and *NOTHING* . Can't find a single tutorial explaining how to use it from 0. Does anybody have any idea what else I need to do? I've already wasted so much time with this.
Tried using "Live Server" and it gets the logs to show *once* but doesn't update them in real time, nor do all of them show the console result.
Hmm. I have no idea! Sorry! I think there’s a way to contact support. Wondering if they have an easy fix?
Hey, is it working with create react app or just vite
Thank you
Hmm…I don't think it works with CRA? I could be wrong…but last time I checked, I think that was the case. Hopefully soon!
Anybody know if this conflicts with error lens?
In my limited experience the last couple of weeks, it seems best to pick one and let that display errors.
What is ur font?!?
Cascadia code (free font by Microsoft)
So this only works with static html pages? what about react
Nope. At 2:46 I show you how to use it with React. After that, NextJS. Hope that helps!
Hi console ninja is not displaying its output in vscode when it is a big project using create-react-app can you give a suggestion
Hmm…I don't think it works with CRA? I could be wrong…but last time I checked, I think that was the case. Hopefully soon!
Sadly this does not work in an Astro project
Ikr!? Hopefully they’ll add support soon!
@@CodinginPublic It works now! :D
@@CB4TS awesome! Gonna go try right now!
Seems a good extension… but the video is boring as f… couldn’t watch all… will find another review of the extension
Sorry you didn't like the video-but glad you like the extension. It's awesome!
wut bro
it might be a little long but I find it concise enough as well as informative to be a great overview
Webstorm has that from the box
Cool! Didn’t know that!
Does anyone know if there's a keyboard shortcut to clear the output logged?
Hmm. I don’t, but I really like that idea!
Let me know if you track that down.