My Favorite VS Code Extensions

Поділитися
Вставка
  • Опубліковано 6 лип 2024
  • 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...
  • Наука та технологія

КОМЕНТАРІ • 571

  • @maximillian7310
    @maximillian7310 4 роки тому +452

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

    • @MongooseTacticool
      @MongooseTacticool 4 роки тому +13

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

    • @pothurajuveeranki1757
      @pothurajuveeranki1757 4 роки тому

      Likewise

    • @AndrewKwabula
      @AndrewKwabula 4 роки тому +2

      @@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
      @leeallen2521 3 роки тому +1

      Yes great bootcamp!

    • @eleuteriosousaramos9524
      @eleuteriosousaramos9524 3 роки тому +1

      same here

  • @PranayPrakash16
    @PranayPrakash16 4 роки тому +438

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

    • @sanesanyo
      @sanesanyo 4 роки тому +14

      Great plugin Pranay. Keep up your great work.

    • @ektormakras7949
      @ektormakras7949 4 роки тому +10

      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
      @warcraft43v3r 4 роки тому +2

      @@ektormakras7949 Restarting VSCode did the job for me.

    • @bkr_vids
      @bkr_vids 4 роки тому +3

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

    • @ameensams
      @ameensams 4 роки тому +1

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

  • @MyInstantSearch
    @MyInstantSearch 4 роки тому +109

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

  • @marshalljackson1385
    @marshalljackson1385 4 роки тому

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

  • @tharinduweerasinghe2664
    @tharinduweerasinghe2664 5 років тому +1

    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
    @xileets 5 років тому +29

    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
      @muhammadzunaidkarim3180 5 років тому +1

      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
    @camc6864 3 роки тому +14

    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.

  • @anasansari6723
    @anasansari6723 5 років тому +5

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

  • @Sivasbrmni
    @Sivasbrmni 5 років тому +103

    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
      @berkouklahcene2594 3 роки тому

      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
      @achyuttokekar9227 3 роки тому

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

    • @ricknoelle4507
      @ricknoelle4507 2 роки тому

      I completely agree, Siva.

  • @borjovsky3164
    @borjovsky3164 4 роки тому +182

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

    • @arwahsapi
      @arwahsapi 4 роки тому +1

      What does it do?

    • @borjovsky3164
      @borjovsky3164 4 роки тому +48

      @@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
      @samuelmatheson9655 4 роки тому +17

      Holy shit thats a thing EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE

    • @Z0KTAR
      @Z0KTAR 4 роки тому

      @@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
      @stefanrows2589 4 роки тому

      Just found that. Thanks! Great addition.

  • @MrHatoi
    @MrHatoi 4 роки тому +9

    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.

  • @barbaraprazeres
    @barbaraprazeres 3 роки тому +1

    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!

  • @artemisaix
    @artemisaix 3 роки тому +2

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

  • @vivekj4603
    @vivekj4603 5 років тому +5

    Thank you for mentioning all of extensions in description.

  • @nickdixon3536
    @nickdixon3536 5 років тому +3

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

  • @rigera
    @rigera 4 роки тому +7

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

  • @Laura-ue9ut
    @Laura-ue9ut 5 років тому

    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!

  • @tapanchudasama6656
    @tapanchudasama6656 5 років тому +2

    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.

  • @robertsiepkowski6479
    @robertsiepkowski6479 5 років тому +10

    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!

  • @Thorinerr
    @Thorinerr 5 років тому +1

    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

  • @yugeshkekre
    @yugeshkekre 5 років тому

    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 !

  • @siegblink182
    @siegblink182 5 років тому

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

  • @tibielias
    @tibielias 5 років тому +4

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

    • @ColtSteeleCode
      @ColtSteeleCode  5 років тому +1

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

  • @shawnjacobsen4035
    @shawnjacobsen4035 5 років тому

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

  • @danielbinoy3849
    @danielbinoy3849 4 роки тому +31

    "purple the undisputed king of colors"

  • @gsussb_
    @gsussb_ 5 років тому +2

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

  • @benjaminjr-tech9103
    @benjaminjr-tech9103 5 років тому +1

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

  • @brycesipes
    @brycesipes Рік тому +5

    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.

  • @StevenFeinstein
    @StevenFeinstein 5 років тому +11

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

  • @DobyWan
    @DobyWan 5 років тому

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

  • @Rakka29
    @Rakka29 5 років тому +9

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

  • @NicholasCoughlin1987
    @NicholasCoughlin1987 5 років тому +1

    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!

  • @muhammadzunaidkarim3180
    @muhammadzunaidkarim3180 5 років тому +1

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

  • @veronikaidem
    @veronikaidem 3 роки тому

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

  • @natanfourie
    @natanfourie 5 років тому +3

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

  • @MlleBrandt
    @MlleBrandt 4 роки тому

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

  • @kristinamujakic4950
    @kristinamujakic4950 2 роки тому

    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!

  • @Hyp3rSp8c3
    @Hyp3rSp8c3 5 років тому +5

    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
      @ColtSteeleCode  5 років тому +3

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

  • @dctrex
    @dctrex 2 роки тому +1

    Excellent stuff, Colt!

  • @Dgctg3411
    @Dgctg3411 2 роки тому

    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 😁

  • @MzNellieNellz
    @MzNellieNellz 3 роки тому

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

  • @2005wais
    @2005wais 5 років тому +1

    You are one of my favorite UA-camr so far

  • @Tazza19931
    @Tazza19931 4 роки тому

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

  • @jonwoodhead000
    @jonwoodhead000 3 роки тому

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

  • @jinwookkim8511
    @jinwookkim8511 5 років тому

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

  • @andressamartinsschinoffalv5438
    @andressamartinsschinoffalv5438 4 роки тому

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

  • @glennadams8833
    @glennadams8833 4 роки тому +1

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

  • @crystalwhiting1769
    @crystalwhiting1769 5 років тому +68

    Great video and yes please do a Emmet video.

    • @ColtSteeleCode
      @ColtSteeleCode  5 років тому +15

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

    • @crystalwhiting1769
      @crystalwhiting1769 5 років тому

      Hey Colt are you on Twitter?

    • @ColtSteeleCode
      @ColtSteeleCode  5 років тому +3

      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
      @alveek 5 років тому +1

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

  • @sohammaity24
    @sohammaity24 5 років тому

    Thank you so much for all of your videos Colt.

  • @Deenel000
    @Deenel000 5 років тому

    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!

  • @stevestout1434
    @stevestout1434 3 роки тому

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

  • @GeekMustHave
    @GeekMustHave 4 роки тому

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

  • @tiftaylor5125
    @tiftaylor5125 3 роки тому

    Thank you for sharing your color theme!

  • @user-om3pk2oi1i
    @user-om3pk2oi1i Рік тому +9

    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
      @DoughtyWolf Рік тому

      Additional extensions to customize emmet are? Thank you.

  • @slatterychallenge
    @slatterychallenge 4 роки тому

    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.

  • @RushilKasetty
    @RushilKasetty 4 роки тому +1

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

  • @rachelvilleda5830
    @rachelvilleda5830 5 років тому

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

  • @judithsuggeler2481
    @judithsuggeler2481 2 роки тому

    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.

  • @nigh_anxiety
    @nigh_anxiety 2 роки тому +1

    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.

  • @lucasokolove2984
    @lucasokolove2984 4 роки тому

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

  • @dreamfightersbn
    @dreamfightersbn 5 років тому +1

    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

  • @camilovasquez8530
    @camilovasquez8530 4 роки тому

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

  • @SeriesTube01
    @SeriesTube01 4 роки тому

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

  • @jawsstech
    @jawsstech 4 роки тому

    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.

  • @ishahryarhome
    @ishahryarhome 4 роки тому

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

  • @SoulDevil92
    @SoulDevil92 2 роки тому

    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.

  • @ThePugEngineer
    @ThePugEngineer 5 років тому

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

  • @alveek
    @alveek 5 років тому +2

    one of my favorite teachers!

  • @pavXX
    @pavXX 5 років тому +9

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

    • @AceYT.10
      @AceYT.10 2 роки тому

      Discord Light Theme😳😳

  • @battleragecoc9411
    @battleragecoc9411 3 роки тому

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

  • @djonepereira9652
    @djonepereira9652 5 років тому

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

  • @Tony-ee3nm
    @Tony-ee3nm 3 роки тому +1

    Very helpful video, thanks.

  • @marcospenadev
    @marcospenadev 5 років тому

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

  • @charonforth7067
    @charonforth7067 5 років тому

    I really love to see you on youtube !

  • @ketankshukla
    @ketankshukla 4 роки тому

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

  • @aricrepp3253
    @aricrepp3253 5 років тому +1

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

  • @johnmilner9469
    @johnmilner9469 4 роки тому

    Very informative. Thanks Colt! You rock! :)

  • @omarlinp
    @omarlinp 4 роки тому

    really thank you for the extensions. awesome video.

  • @cassLangmore
    @cassLangmore 3 роки тому

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

  • @jeancarlo.
    @jeancarlo. 5 років тому

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

  • @t7acta806
    @t7acta806 3 роки тому

    i love your teaching style

  • @MarkFreedmanNY
    @MarkFreedmanNY 3 роки тому

    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 UA-cam videos are a good marketing tool for you ;)

  • @timjobs9072
    @timjobs9072 3 роки тому

    Congratulations! You deserve a new subscriber

  • @carlosux
    @carlosux 4 роки тому

    OMG I LOVE YOU. Your videos are the best.

  • @Hotatoes
    @Hotatoes 5 років тому

    thanks for every thing you do for us :D

  • @elliotsherman9894
    @elliotsherman9894 4 роки тому

    My favorite Colt Steele quote "I got 'lucky' and I didn't even have to stay up all night"

  • @sexyeur
    @sexyeur 5 років тому

    Gotta love Colt. Thank you!

  • @VectorBiH
    @VectorBiH 4 роки тому +12

    Frick man, I came here to see the fight between my favourite and code extensions

    • @asadsiddiqui4776
      @asadsiddiqui4776 4 роки тому

      How come this comment has so few likes! Seems like most people didn't get it.

  • @bkr_vids
    @bkr_vids 4 роки тому

    This was super helpful, thank you!! :)

  • @Leon-zx5bk
    @Leon-zx5bk 4 роки тому +1

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

  • @shahreazneeloy2119
    @shahreazneeloy2119 5 років тому

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

  • @Nothunt
    @Nothunt 4 роки тому

    Thank you for your list! For me it was awesome

  • @Luxcium
    @Luxcium 5 років тому +6

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

  • @ameensams
    @ameensams 4 роки тому

    Respect Colt!!!. Keep up the awesomeness.

  • @EstMaia
    @EstMaia 5 років тому +2

    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.

  • @KatRollo
    @KatRollo 3 роки тому

    Great list, thanks!

  • @boywonderrr71
    @boywonderrr71 Рік тому

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

  • @oZenakos
    @oZenakos 4 роки тому

    Thanks for putting this together very helpful :)

  • @AngelusChevalier
    @AngelusChevalier 2 роки тому

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

  • @rstrickland1958
    @rstrickland1958 5 років тому

    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.