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.

[@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.

[@MyInstantSearch]

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

[@marteamm]

samee

[@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.

[@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.

[@anasansari6723]

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

[@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.

[@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.

[@artemisaix]

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

[@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!

[@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!

[@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

[@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.

[@nickdixon3536]

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

[@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 :)

[@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.

[@siegblink182]

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

[@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 😁

[@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".

[@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 !

[@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!

[@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.

[@DobyWan]

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

[@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.

[@stevestout1434]

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

[@gsussb_]

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

[@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!

[@StevenFeinstein]

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

[@rigera]

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

[@MzNellieNellz]

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

[@shawnjacobsen4035]

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

[@benjaminjr-tech9103]

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

[@RushilKasetty]

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

[@veronikaidem]

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

[@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!

[@MlleBrandt]

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

[@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.

[@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.

[@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.

[@Tazza19931]

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

[@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. :)

[@Rakka29]

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

[@funfunandfun4398]

M also beginner

[@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! ❤

[@tiftaylor5125]

Thank you for sharing your color theme!

[@andressamartinsschinoffalv5438]

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

[@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.

[@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!!

[@lucasokolove2984]

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

[@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.

[@2005wais]

You are one of my favorite KZbinr so far

[@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 :)

[@jonwoodhead000]

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

[@ThePugEngineer]

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

[@jinwookkim8511]

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

[@sohammaity24]

Thank you so much for all of your videos Colt.

[@camilovasquez8530]

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

[@dctrex]

Excellent stuff, Colt!

[@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😳😳

[@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!

[@marcospenadev]

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

[@glennadams8833]

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

[@ketankshukla]

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

[@rachelvilleda5830]

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

[@ishahryarhome]

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

[@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 ;)

[@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

[@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.

[@charonforth7067]

I really love to see you on youtube !

[@alveek]

one of my favorite teachers!

[@omarlinp]

really thank you for the extensions. awesome video.

[@Mostafaabobakr7]

Crying in corner 😂😂😂 FIRST THING I DO IS LIKING THE VIDEO TURN ON NOTIFICATION Q. Do you intend to have a twitter ? Or any Social media account !

[@SimonLedoux]

You like something before watching it ?! Are you 11 years old?

[@johnmilner9469]

Very informative. Thanks Colt! You rock! :)

[@boywonderrr71]

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

[@battleragecoc9411]

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

[@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.

[@TheRealFaceyNeck]

In April 2019, I can speak for VSCode Insider's edition. I haven't had to reload through this whole video. I just install the themes and it don't need to reload. Gotta hand it to Microshit when they get it right; VSCode is by far my favorite "text editor." (It's damn near an IDE at this point.)

[@shahreazneeloy2119]

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

[@AngelusChevalier]

Hey Colt thanks for the tip especially the bracket colorizer :) (y)

[@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

[@ameensams]

Respect Colt!!!. Keep up the awesomeness.

[@timjobs9072]

Congratulations！ You deserve a new subscriber

[@Luxcium]

9:31 how these cats 🐈 manage to always be featured in your videos or tutorials LoL 😂

[@computeraidedyami]

He has 105 cats

[@cassLangmore]

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

[@danielbinoy3849]

"purple the undisputed king of colors"

[@Hotatoes]

thanks for every thing you do for us :D

[@t7acta806]

i love your teaching style

[@Nothunt]

Thank you for your list! For me it was awesome

[@hartztech8098]

awesome tick guy!!! Great one video suggest extension help people for write code.

[@sexyeur]

Gotta love Colt. Thank you!

[@KatRollo]

Great list, thanks!

[@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.

[@oZenakos]

Thanks for putting this together very helpful :)

[@Tony-ee3nm]

Very helpful video, thanks.

[@Leon-zx5bk]

you cracked me up in the beginning of the video!!

[@bkr_vids]

This was super helpful, thank you!! :)

[@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)