Learn about 10 helpful VS Code extensions. These VSCode extensions could make you more productive as a developer.
✏️ Raman Hundal developed this video.
⭐️ Course Contents ⭐️
⌨️ (00:00) Intro
⌨️ (00:24) GitLens
⌨️ (04:35) LiveShare
⌨️ (08:01) Pieces
⌨️ (14:36) Better Comments
⌨️ (17:53) Turbo Console Log
⌨️ (21:05) Code Runner
⌨️ (22:52) Import Cost
⌨️ (24:27) Prettier
⌨️ (27:36) ESLint
⌨️ (33:26) Docker
⌨️ (38:57) Conclusion
🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
—
Learn to code for free and get a developer job:
Read hundreds of articles on programming:
And subscribe for new videos on technology every day:
Let me introduce my VSCode extension “Blockman”. It is a visual helper, it highlights entire nested code blocks.
@khgriffi, Thaaaanks, I hope you will get a good experience with it.
Blockman is so good, I have been using it for more than 6 months. Thanks so much man.
@Code Apprentice AI, oh, really nice to hear that. Thanks for your kind feedback.
Gonna test it out
@leodevbro You are welcome
Sir, can you please provide a spring-boot, rest api and micro service course 🙏 please
I’m interesting too
I was exactly waiting for this video, as I am very new to Vscode. Just started three months ago and haven’t used much other than for running/compiling C/C++
Can you do one for pycharm too pls
Buenos extenciones yo tenía algunas pero no sabía exacto para que servía aora ya se gracias por ti contenido hermano saludos
For productivity I would add dendron. Make and use a custom KB in vscode.
Thanks!
kb?
@Zap fska Knowledge Base.
Share your favorite VS Code extensions in the comments!
I have a bunch of favourite Gnome extensions for productivity.
Just to throw a few out there that I like and/or use:
– Alignment (I use “Align to first char” ALL the time)
– Error Lens (can actually be a bit annoying, but it really does make warnings and errors stand out a lot more)
– Output Colorizer (makes it way easier to read the output)
– Partial Diff (don’t use this that much, but it’s useful being able to diff parts of the same file sometimes)
– Peacock (actually never used it, though with the number of VSCode instances I’ve had open lately, I think I’m going to start…basically lets you change the color of VSCode by window/workspace so you can easily tell them apart at a glance)
– PowerShell (because of course)
– Project Manager (I don’t really set up hardly any projects in it, I just configure the git portion and point it at the root folders where I keep my repos, then I can easily open different projects just by clicking on them)
– Rainbow CSV (“syntax” highlighting for CSV files, makes it so you can more easily follow the (still text) contents without having to load them into Excel)
– Search Editor: Apply Changes (because I have no idea why they put in the search editor and let you make changes in it but give you no way to apply the changes…this gives you a way to do that)
– Transformer (I actually keep forgetting I have it so I don’t use it much, but it does a bunch of text transform tricks that can be really useful)
– Unicode code point of current character (the number of times some weird non-standard character slipped into a document and screwed something up…this makes it easier to examine if the character you see is actually the character you think it is)
“Todo Tree” -> Add “TODO”, “FIXME”, kind of comments and check them all at once in side panel
“Bookmarks” -> Bookmark code lines and add description.
“Text Pastry”
Very nice presentation 👍 Proud of you Raman….
Some useful extensions I wasn’t aware of. I’ll add them to my dev environment. Thanks! Some of my favorites are Auto Import, JSON Viewer, Thunder Client (for API testing), Rainbow CSV, Settings Sync (Synchronize VSCode settings), and Bookmarks.
Just curious, is there any advantage for Settings sync over the native VSCode sync?
Yo… liveshare is amazing! I wonder why I haven’t used this one before.
It’s good to see some actual unknown extensions. I am tired of seeing live-server and prettier in videos like these.
😄
Why is Linux heavily excluded from all of them. Literally a quarter of the developers use Linux for development. It’s only stupid to ignore this big chunk of the coder population.
LiveShare is going to be a game changer.
So awesome. Thanks for sharing!
I was skeptical of yet another VSCode extension video, but a few of these were new to me! Thank you!
Thank you for this wonderful video. There were a few things I did not know, made my job easier and better.
You can also run code without highlighting in code runner extension by just right click and run code
thanks for the video!
Any ideas on what to do when eslint and prettier has different opinions on what the code looks like? 🙂
Good use of chapters! I didn’t understand what Code Runner did vs just running the code directly though?
Awesome! I particularly know some of the extensions but I admit that others are really interesting to try. thanks!
04:35 Must the other person have Visual Studio Code installed or will the interaction you had with Liam happen if the other has an Gmail account?