My Favorite VS Code Extensions

COUPON FOR MY GIT & GITHUB COURSE: www.udemy.com/course/git-and-...
COUPON FOR MY NEW COMMAND-LINE COURSE: www.udemy.com/course/the-linu...
Click "Show More" below for a full list of every extension I cover, as well as timestamps to jump ahead.
0:00:34 - Emmet
0:02:27 - Material Theme
0:04:15 - Live Server
0:05:59 - CSS Peek
0:07:57 - Color Highlight
0:09:57 - Bracket Pair Colorizer
0:13:41 - ES7/React Snippets
0:16:18 - Prettier Now
If you're ready to launch your career as a software engineer, check out my job-guaranteed bootcamp with Springboard: springboard.com/workshops/sof...

[@maximillian7310]

This guy is low-key hilarious. Your udemy bootcamp course is my best udemy purchase yet

[@MongooseTacticool]

I found it funny how his dog is called Rusty Steele. :)

[@pothurajuveeranki1757]

Likewise

[@AndrewKwabula]

@@MongooseTacticool It is part of the family, he's adopted it so one day it really knows its surname, it will cry tears of joy and declare him the best Dog owner in the Universe LOL

[@leeallen2521]

Yes great bootcamp!

[@eleuteriosousaramos9524]

same here

[@PranayPrakash16]

Thanks for the shoutout to CSS Peek Colt! It means a lot for my work to be featured :)

[@sanesanyo]

Great plugin Pranay. Keep up your great work.

[@ektormakras7949]

I don't know why css peek is not working for me. When I press f12 it states: "No definition found " whereas the class is working fine. Any idea what can cause this problem?

[@warcraft43v3r]

@@ektormakras7949 Restarting VSCode did the job for me.

[@bkr_vids]

This plug-in is such a time-saver, thank you :)

[@ameensams]

Your plugin is such a time saver. Thanks so much.

[@MyInstantSearch]

I feel like I've been living under a rock all this time.

[@marteamm]

samee

[@marshalljackson1385]

The most comprehensive coverage of VSC extensions I've viewed so far on KZbin. I'll be using Live Server for sure. Excellent video, Colt! Looking forward to more. Thank you.

[@borjovsky3164]

"Settings Sync" is a *_MUST HAVE_* !!! Seriously, it should be part of VSCode by default.

[@arwahsapi]

What does it do?

[@borjovsky3164]

@@arwahsapi It allows you to Synchronize ALL YOUR SETTINGS (and installed extensions) via GitHub's Gist. Therefore, any time you need to install VSCode you can get back all your config quickly. Extremely useful to share the configs between multiple machines too!

[@samuelmatheson9655]

Holy shit thats a thing EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE

[@Z0KTAR]

@@samuelmatheson9655 www.google.com/search?q=E+meme&client=firefox-b-d&sxsrf=ACYBGNSK6YrauaXzBN9wHaLYPVORRrYMDA:1575372922465&tbm=isch&source=iu&ictx=1&fir=ufQamCUFB5aA_M%253A%252C3KgPMMIVRuNWbM%252C_&vet=1&usg=AI4_-kSdL1eLiqBhaJgfNlSGJaSeuPNs4A&sa=X&ved=2ahUKEwifp7q7sZnmAhUQ8BQKHS8XDbQQ9QEwAXoECAkQCQ#imgrc=ufQamCUFB5aA_M:

[@stefanrows2589]

Just found that. Thanks! Great addition.

[@MrHatoi]

VS Code amazes me because it's a Microsoft product that feels like the exact opposite of what most Microsoft products are. It doesn't have so many features that it's impossible to learn, but it also isn't so focused on user-friendliness that it's incredibly difficult to customize. It's also one of the few Microsoft products that doesn't try to force you to use other Microsoft software. Seriously, the fact that it not only supports custom shells for the terminal, but also automatically detects shells like git bash with no configuration is something I would have never expected from a Microsoft product.

[@tharinduweerasinghe2664]

Colt, man you're the best! I didn't know you had a youtube channel until I came across this video and this just hit me with a blast of nostalgia from when I followed your web boot-camp. You still rock man! Awesome stuff! Keep going! Much Love!

[@xileets]

Yo, Colt! I love your content. It's been a great help in me re-starting my tech career, AND, as a teacher myself, I can tell you that I also have to deal with people heckling you and giving you BS just because. I hope that it helps you to know that it's just their feeble attempts to feel better about themselves when they actually feel horrid. BUT YOU are helping lots of people to feel better about themselves while being generous and positive, and THAT is infinitely more valuable in the world. Thank you!

[@muhammadzunaidkarim3180]

my thoughts exactly! ppl online can bark so loud but upfront, nada! its like backbiting... ppl talk behind your back. here ppl talk behind the curtain of internet...

[@camc6864]

Hey Colt, I’ve just started your web dev bootcamp on Udemy. You are an AMAZING teacher mate. I have learnt so much already! Thanks for everything you’re doing man.

[@Sivasbrmni]

Colt, you got amazing teaching skills. Actually i found you in udemy (js-algorithms-and-data-structures-masterclass). A butter smooth learning experience with my worst nightmare(Data structure/Algorithms). I just Admire the friendly approach you take while teaching, that actually makes me feel you are part of my close friend circle. This should be an irrelevant comment for others who dont follow you for a while. But most of your students will agree. Keep going!! Keep us educated. 🤓

[@berkouklahcene2594]

I really wish i can buy the course i'm in real need to it .... I'd be grateful if you have a coupon ☺️😉

[@achyuttokekar9227]

Same here.....but I've taken web dev course instead but i'll surely try this too thanks

[@ricknoelle4507]

I completely agree, Siva.

[@anasansari6723]

I didn't even realize that the video was 20min long !! Enjoyed it. Thanks, Colt

[@vivekj4603]

Thank you for mentioning all of extensions in description.

[@barbaraprazeres]

Very grateful, they were just what I wanted, and I loved the explanations, it makes it a lot easier, much faster than reading the entire documentation. Subscribed!

[@tapanchudasama6656]

Colt, you are a amazing teacher. I am currently doing your course- the web developer bootcamp on udemy and I am absolutely loving it. Please keep on doing what you are doing and keep teaching.

[@Laura-ue9ut]

I really loved your udemy webdev bootcamp and now started a coding bootcamp in my city and they recommend VSC. First I was like "noo I have to to continue working with sublime" because that is what I had learned from you. But I am happy to see that you use VSC now too and the bracket pair colorizer is worth gold. Thank you so much Colt!

[@siegblink182]

Thanks for sharing, Colt! Just installed a bunch these in my vs code setup.

[@artemisaix]

I came here from your Udemy Bootcamp course, its so great !!! I recommend it ! Thanks for the VSCode extensions suggestions :)

[@nickdixon3536]

Colt! Love your videos on udemy, your teaching method is effective for me and the content is awesome. Keep em coming 👌🏾

[@brycesipes]

Bracket Pair Colorizer and Emmet have both been integrated into VS Code. If you open setting and search brackets you can turn on the option to show the guide line.

[@yugeshkekre]

Thanks Colt! you're an awesome teacher. I wish you the best for your YT channel. I am sure it will be a great success !

[@Thorinerr]

Thank you Colt for these useful extensions!! Currently I'm taking your Web Developer Bootcamp in Udemy and I changed Sublime for VS Code in Bootstrap 4 section. I don't regret :D

[@benjaminjr-tech9103]

THIS VIDEO IS VIVID AND OUTSTANDING, AND VERY SIMPLE. THANK YOU!

[@shawnjacobsen4035]

dude this video has an insane amount of value. Instant sub

[@tibielias]

Thanks Colt for posting this! CSS peek and bracket pair colorizer look like something I would want to use.

[@ColtSteeleCode]

Hi Tibi, glad you got something valuable from the video! Those two are super useful extensions. I use them so much, I often forget I have them installed until my students ask me about them :)

[@StevenFeinstein]

Thanks for the video, and yes I would love to see a similar one on Python extensions.

[@muhammadzunaidkarim3180]

really good video mr.steele. short snippets of info in just 20 mins. fantastic. also I love how you are dealing with unappealing comments. great job! ❤

[@DobyWan]

Awesome stuff. Just started your class and VSC was my choice. Glad to get ahead of the game with these great Extensions.

[@stevestout1434]

Prettier theme colorizes brackets too. Very helpful in long code blocks

[@veronikaidem]

Love your lectures. never thought that learning stuff could be this fun.

[@gsussb_]

Cool stuff, colt; CSS Peek reminded me of Brackets and I never used it but I'm definitely installing this extension Thanks, bro.

[@robertsiepkowski6479]

Colt, F*ckin awesome video man! Much appreciated, and it's so very helpful. Really looking forward to your VSCode extensions video for Python too. Keep up the great work!

[@RushilKasetty]

Big fan of bracket pair colorizer, along with subtle match brackets

[@danielbinoy3849]

"purple the undisputed king of colors"

[@nigh_anxiety]

Thanks for the tips. Going though this now as I'm doing your JS course on Udemy. Not sure what version it was added, but the Bracket Pair Colorizer is now a built in feature of VSCode. You can find it in settings by searching for Brackets.

[@Rakka29]

Thanks for this very detailed stuff! As a beginner this is tremendously helpful!!! 🙌🏻

[@funfunandfun4398]

M also beginner

[@kristinamujakic4950]

Hi, I have just started with the bootcamp udemy course and came here to install the suggested extensions. You are so hilarious, I can see that this will be an amazing way to learn! Love you and your cats as well!

[@Dgctg3411]

Hey Colte appreciate you and all that you do. Was deciding between your course and Angela You but ultimately chose yours. Excited to get a headstart in the web dev field with your course 😁

[@Tazza19931]

Live Server looks like a must have! Don't know how I was not aware of this before.

[@jonwoodhead000]

Thanks for Bracket Pair Colorizer 2, that's a big help

[@judithsuggeler2481]

Thank you so much Colt! Format.Onsafe wasn't working first. I set Prettier Now as default formatter (instead of "None") in Text Editor Settings and it's solved now.

[@user-om3pk2oi1i]

Just dropping an update here, Emmet has been integrated into VS code so there is no longer a need to install an extension. There are additional extensions now that customize its functionality further though.

[@DoughtyWolf]

Additional extensions to customize emmet are? Thank you.

[@sohammaity24]

Thank you so much for all of your videos Colt.

[@jinwookkim8511]

I installed all you mentioned in the video! You are awesome!

[@slatterychallenge]

Hey Colt - one other one I like, especially for folks making the jump to VS Code from sublime is the "Sublime Text Keymap and Settings Importer", especially since it will allow your students to still be able to use the sublime shortcuts they're used to or the ones you mention in your videos like (Ctrl+Shift+D) to quickly copy a line of text, etc. Just a thought, and apologies if someone else already suggested that.

[@2005wais]

You are one of my favorite KZbinr so far

[@natanfourie]

Pretty cool ^^ Some of my favorite extensions are : "Better Comments", "Live Sass Compiler", "Smarty Syntax", "Markdown All in One " and "Markdown Preview". At work i also like to use "sftp", "TortoiseSVN", "Drupal Syntax Highlighting " and "Drupal 8 Snippets".

[@glennadams8833]

Very helpful! Live Server is saving me a ton of time.

[@NicholasCoughlin1987]

Colt is the man. He has the #1 rated web development bootcamp on Udemy for those that don't know. So glad to see him making youtube content now too. Coming out of the gate strong!

[@MzNellieNellz]

I loved this! Bracket pair colorizer will save my life😂!! Thanks for sharing.

[@andressamartinsschinoffalv5438]

I miss your class so much!!! You're really great!!!

[@ketankshukla]

Shades of Purple is my favourite theme! It is AWESOME!

[@Deenel000]

You are the best! thank you so very much for this video! You cannot believe how much you have helped me. Keep up the wonderful lectures! I am starting to buy all your Udemy courses as I progress. Have a wonderful day!

[@crystalwhiting1769]

Great video and yes please do a Emmet video.

[@ColtSteeleCode]

Thanks, Crystal! I've added Emmet to my list of "videos I need to make for youtube"!

[@crystalwhiting1769]

Hey Colt are you on Twitter?

[@ColtSteeleCode]

Not really :( I have an account from when I was in high school that I forgot the password to and have been desperately trying to get Twitter to delete...but other than that? Not right now. I regret not starting a twitter for my online teaching, but at this point I'm not sure if it's worth it. What are you thoughts?

[@alveek]

@@ColtSteeleCode I think that social media is unnecessary now, since we check youtube content quite often. Especially when you post on Twitter that you just have uploaded a new video. Twitter is good for "tips and tricks" posts like. But now Twitter is almost about politics which i hate.

[@rachelvilleda5830]

Thanks, this is great. Can't wait to get home and try it out.

[@dctrex]

Excellent stuff, Colt!

[@rigera]

I'm one of your Udemy students! Love your jokes, and even your cat!

[@tiftaylor5125]

Thank you for sharing your color theme!

[@MlleBrandt]

10 seconds in and the cat photos got me. Looking forward to this course, too!

[@camilovasquez8530]

This should be a good start - thanks to your JavaScript Udemy course I got this valuable information too!! Love it!!

[@ThePugEngineer]

I don't have many extensions in my VS Code setup, but some really cool suggestions here! Thanks!

[@GeekMustHave]

Super thanks for reviewing some great extensions. I hope you get enough interest in Emmet to justify doing a video on it. Keep Broadcasting!!

[@dreamfightersbn]

you got yourself a new sub. and like, and bell. just because i like cats too. and you made me love VS Code more with this extension. THANKS

[@lucasokolove2984]

You are a Rockstar!! Doing right now ur HTML CSS and JavaScript bootcamp! Gotta admit... Good stuff sir... Damn good stuff!

[@SeriesTube01]

Excellent video Colt. I started your Modern Javascript Course on Udemy. And like you recommended I'm exploring the options and settings of VS Code. I like better the theme Atom One Dark Pro, perfectly balanced in my opinion: not too bright, not too dark, not much constrast and nice color combinations. Highly recommeded. Thank you very much. :)

[@ishahryarhome]

Great video. I am switching to VSCode too. Thanks Colt.

[@alveek]

one of my favorite teachers!

[@SoulDevil92]

I love your videos and your Udemy courses (I have like 3 of them, maybe 4, don't remember at the moment) I prefer you above the other teachers because you're humble and you don't have that forced positivity attitude that I really despise and hate. I hate fake people, you're not one of them. Keep up your hard work. Life is up and downs, but people want to always appear happy for some reasons, displaying an utopia lifestyle that no one can ever achieve.

[@aricrepp3253]

You and other KZbinrs like Joshua Fluke deserve more subs. Excellent content with critical viewpoints that many people trying to teach a subject just miss. Subbed

[@battleragecoc9411]

The best decision I made in 2021 so far is purchasing your udemy Bootcamp course

[@marcospenadev]

Great video! Your Udemy Web developer Bootcamp really meant a lot for my short career.

[@jawsstech]

Just so you know....I did my part to feed the cats. I subscribed without watching the video. A man that loves cats is automatically a good guy. Regardless, the content in this video is amazing. I am just now starting to become a "serious" hobby programmer. I am going to start learning PHP. I am so glad that I found your VSCode video, your explanations are so clear. Your examples are extremely relevant and easy to follow. After watching your videos, I am also going to hit the notification icon. i expect great things from your tutelage. Please keep up the good work and take care of the kitties.

[@omarlinp]

really thank you for the extensions. awesome video.

[@jeancarlo.]

Great video!!. Do you know how to personalize the snippets? btw What software do you use to record your screen?

[@cassLangmore]

I'm a very begineer, nice tips, thank you!

[@rstrickland1958]

Great video. I have been using VS Code since the first release and seen how the extensions have made this a great editor. Would like to know what font did you use in VS Code for this video.

[@charonforth7067]

I really love to see you on youtube !

[@Hyp3rSp8c3]

Thanks Colt 👍 @3:50 mark that "ugh! I'm blinded there" is just hilarious. This would be a great sound track to use. Lol.

[@ColtSteeleCode]

That's how I feel whenever I switch to a lighter theme! Definitely not my top choice. Thanks for watching :)

[@djonepereira9652]

Great video Colt, about auto prefix, which extension between "css-auto-prefix" and "Autoprefixer" is the best? thanks

[@johnmilner9469]

Very informative. Thanks Colt! You rock! :)

[@pavXX]

Thanks for the extension recommendations Colt. I personally use the "Dracula Official" theme. It's dark, but not too dark. Yeah those bright themes kill me..

[@aiamoace]

Discord Light Theme😳😳

[@GabrielMartinez-ez9ue]

You are doing great. Thank you. If you mind suggestion, I find out the most looked up question is the roadmap to web developer in 2019. You can maybe give it a shot answering it in your opinion.

[@boywonderrr71]

FYI- Bracket Pair organizer comes with VS now as of 2022. Colt thanks for the awesome content.

[@Nothunt]

Thank you for your list! For me it was awesome

[@t7acta806]

i love your teaching style

[@Hotatoes]

thanks for every thing you do for us :D

[@sexyeur]

Gotta love Colt. Thank you!

[@ameensams]

Respect Colt!!!. Keep up the awesomeness.

[@EstMaia]

Great video man! I'm new using VScode, and I'm wondering how you've changed some of your theme colors. I really liked the Material Theme, but I would much prefer if I could set the color scheme to purple instead of the blue one that the Palenight uses by default.

[@Tony-ee3nm]

Very helpful video, thanks.

[@shahreazneeloy2119]

im am a big fan of yours sir....Thank you for your awesome course.

[@masomahboob]

His voice is so soothing.

[@MarkFreedmanNY]

Well, you got me to sign up for your Udemy Python course to refresh and fill the gaps in my knowledge. So this just proves that your KZbin videos are a good marketing tool for you ;)

[@justincm1128]

Did an amazing job. I installed all of those you suggested. I would ask that maybe you could suggest one that helps with semicolons

[@nerdiloo9863]

All good tips so just fyi that VSCode has similar features to Prettier Now in that it can format code on save and CTRL + K + F will format your selection. Also built in are color swatches (square) when you create a color in CSS. I'm gonna grab that brackets-color-dealy thing though. Good stuff.

[@carlosbaptista115]

That dot-before marker type (08:59) from the Color Highlight is inbuilt in Visual Studio Code. So there is no need to install the Color Highlight extension if you want to stick with that option.

[@chocolatequente4531]

i love pink cat boo theme, since i started using in my class everyone just did the same, asking me the name of the theme and now everyone uses pink cat boo (as well everyone uses vs code because i recommended it and people liked it)

[@bkr_vids]

This was super helpful, thank you!! :)

[@jamesuche568]

Thank you Colt .. you're great guy

[@williamm6555]

Hey Colt. I was wondering if it was a chrome extension or dev tool setting that shows you that black pixel ruler on top when you open your console. I see it a lot on your Udemy and I can’t figure out how to get it. Can you please help?

[@oZenakos]

Thanks for putting this together very helpful :)