Visual Studio Code Crash Course

Поделиться
HTML-код
  • Опубликовано: 23 июл 2024
  • Visual Studio Code (VS Code) is a free code editor made by Microsoft. In this course you will learn how to use this popular code editor. You will also learn tips and tricks to make it even easier to use.
    ✏️ This course was created by James Q Quick. Check out his channel: / jamesqquick
    🔗 VS Code cheat sheet: learn.jamesqquick.com/vs-code...
    ⭐️ Course Contents ⭐️
    ⌨️ (0:00:00) Intro
    ⌨️ (0:03:30) stable build vs insider's addition
    ⌨️ (0:04:45) Opening for the First time
    ⌨️ (0:06:10) The Layout
    ⌨️ (0:08:58) Customizing the Layout with Shortcuts (Grid Tab System, Command Pallette)
    ⌨️ (0:14:06) Search and Replace
    ⌨️ (0:16:00) More Shortcuts for Working with Files
    ⌨️ (0:17:45) Shortcuts for Navigating and Editing Text
    ⌨️ (0:20:12) Intellisense
    ⌨️ (0:22:00) Emmet
    ⌨️ (0:25:30) Settings
    ⌨️ (0:31:00) Extensions and Themes
    ⌨️ (0:43:25) Keyboard Shortcuts
    ⌨️ (0:49:30) Keymap Extensions
    ⌨️ (0:50:40) Snippets
    ⌨️ (0:60:00) Settings Sync
    ⌨️ (0:65:40) Debugging
    ⌨️ (1:12:30) Built in Terminal
    ⌨️ (1:18:45) Source Control Integration
    ⌨️ (1:28:48) Wrap Up
    --
    Learn to code for free and get a developer job: www.freecodecamp.org
    Read hundreds of articles on programming: freecodecamp.org/news

Комментарии • 478

  • @helmgimble1258
    @helmgimble1258 3 года назад +338

    I've been using VS Code professionally, everyday for nearly 3 years as a full stack developer and I still found plenty of gold in this video. This is a fabulous place to start. Thanks for the refresher!

    • @vegasvato55
      @vegasvato55 3 года назад

      ONCE THE CLASS CONSTRUCTOR IS CALLED AND CREATES THE NEW OBJECT, HOW DO I GET THE NEW OBJECT INTO AN OBJECT ARRAY???
      HOW DO I GET A NEW PERSON OBJECT FROM THE NEW PERSON CONSTRUCTUR INTO THE PERSONS ARRAY???

    • @tyler3469
      @tyler3469 3 года назад

      @@vegasvato55 Well that would depend on the language you're using.

    • @bantzrayder8976
      @bantzrayder8976 2 года назад +5

      Awesome. This is the career I aspire to and am working towards. Going to take this course because of this comment.

  • @yahx1
    @yahx1 3 года назад +25

    First video of your's I've seen James. You're a phenomenal teacher! Perfect tone, descriptive, well planned, thorough. Good intros, segues, conclusions. Just all in all, very impressed. Gonna be checking in to more of your videos! Thanks, your teaching re-motivates my programming journey!

  • @diManjenje88
    @diManjenje88 3 года назад +202

    Looks like he didn’t sleep, or he is up until late night, just to put this course out for us... THANK YOU SO MUCH!!!
    Love from Angola 🇦🇴

    • @mr.o5577
      @mr.o5577 3 года назад +2

      É como aí @dilson? Comprimentos de outro Angolano apartir da Finlândia.

    • @diManjenje88
      @diManjenje88 3 года назад +2

      Paulo Omega valeu mano! Tamos aqui aprendendo...!

    • @mr.o5577
      @mr.o5577 3 года назад +1

      É mesmo assim meu@@diManjenje88 será que há salo para web devs na banda?

    • @quajutsu9372
      @quajutsu9372 3 года назад

      Oh! You're from Angola! Great, it's the land of the best player in the world : Xapta.

    • @Kenji1685
      @Kenji1685 3 года назад

      Looks like his doggy went to bed before him.

  • @macrovise
    @macrovise Год назад +10

    Incredible crash course! I've used VS Code for basic development before, but I didn't know you could do much more of it. Thanks for sharing this for free!

  • @feyzullahyldz4829
    @feyzullahyldz4829 3 года назад +47

    27:20 fontLigatures
    36:10 quokka.js extention, that watchs file and execute realtime in vscode
    37:43 polocode make png-gif from code
    38:30 colorize netted brackets uniquely
    41:30 import cost
    57:00 snippet definition

    • @tc-paris7
      @tc-paris7 2 года назад +1

      nice topics thx 🙏

  • @DramaLuver3
    @DramaLuver3 3 года назад

    Thank you! I've been using VS Code for 6 months and I could've saved so much time if I knew all these shortcuts! (especially the snippets!). Thanks for the great video

  • @joanfase2693
    @joanfase2693 2 года назад +4

    Thanks a lot for that crash course! I've learned a ton of useful stuff, your clear voice and quick pace made the whole thing really enjoyable. Hope you keep up the good work sir, thanks again!

  • @MarkTellier
    @MarkTellier 2 года назад +5

    Thank you very much James for such an amazing video.
    This video contains many useful tips that can be immediately used. Your speaking and presentation skills are top notch along with being able to articulate extremely well.

  • @vaibhavchawla2439
    @vaibhavchawla2439 3 года назад +12

    Changing the theme and font is the first thing that i did today right after waking up. Thanks for the video. ✌️

  • @ovis4021
    @ovis4021 3 года назад

    i literally wanted something like this the other day and it comes out the next day? same thing with the networking course, you guys are awesome!

  • @josephlevin
    @josephlevin 3 года назад +2

    James, thank you very much for this fantastic tutorial and for your knowledge and generosity. The tutorial has really helped me get started with VSCode.

  • @gabriel_export
    @gabriel_export 3 года назад +4

    Wow, I learned so much from this. Definitely have NOT been getting the most out of VS Code. Thanks!!

  • @robertbartz2954
    @robertbartz2954 2 года назад

    I am pretty new to coding and this was my first introduction to VS. That was a phenomenal video. You're the man.

  • @titokris5162
    @titokris5162 3 года назад +1

    Super crash course, the optimal part of programming is been efficient, getting use to the features of whatever editor you use is worth spending a time on. Thank a bunch for this. Added more x to efficiency. Sure going to subscribe to your channel if not for anything but appreciation of the work you put into this!!

  • @jaymackey8743
    @jaymackey8743 3 года назад

    Great Video! I especially appreciated the personal experiences explained and how they benefited James specifically. The key-binding was particularly helpful and opened up a whole new window of possibilities I hadn't considered. Thanks again. I'll be back for more.

  • @urwahR
    @urwahR 3 года назад

    Thank you so much for this I'm a beginner programmer and was thinking of making VScode my main code editor but felt too lazy to set up stuff this'll really help

  • @baboyoro9846
    @baboyoro9846 3 года назад +6

    This is a brilliant introduction to VS code. Thank you so much for taking your time to provide us with this very helpful video! BRAVO!

  • @passandscore_
    @passandscore_ 3 года назад +2

    Great video. It was exactly what I needed.Time to start customizing my setup.

  • @Moulik23
    @Moulik23 3 года назад +2

    I was literally thinking about looking for understanding and running VSCode because i have mostly worked on Eclipse all the time i have programmed. You, my guy, are a life-saver..

  • @scottwillrich2132
    @scottwillrich2132 3 года назад

    Excellent! Thanks for all the hard work you put into making this video!!!

  • @snehasinghal2325
    @snehasinghal2325 3 года назад

    This tutorial is so comprehensive! Thanks a lot for this video .

  • @v.adriancastillo7096
    @v.adriancastillo7096 3 года назад

    I was thinking for a VS crash course about three days ago and here we are... love FCC!

  • @PiyushKumarSingh
    @PiyushKumarSingh 3 года назад +1

    It was a pleasure to learn from you while following you around on my own system..! Thank you!

  • @RoshanWankhade
    @RoshanWankhade 3 года назад +3

    Thanks James. This is incredibly helpful crash course. Coming from IntelliJ background, I was reluctant to use visual studio code. But now you made me very much interested in VS code. Thank you.

  • @nourdouchi1644
    @nourdouchi1644 2 года назад +12

    I have been a programmer for more than two decades and this was one of the best and well done videos on VS Code's capabilities and you did a beautiful job covering various and relevant areas in the VS-Code Extensions space. Thank you.

    • @sydsgraphics5108
      @sydsgraphics5108 2 года назад

      that's a hellofva compliment...after soo much time in... what ..made you view what would be considered a beginners starting point video?

  • @sergiob3698
    @sergiob3698 3 года назад +3

    I've been using vs code for a while but I learnt some great features and thank you for sharing best practices!

  • @adrianalleyne4921
    @adrianalleyne4921 3 года назад

    Fantastic video James! Very much appreciated.

  • @DanielBrownsan
    @DanielBrownsan 3 года назад +7

    Great info from the very start! Having done training on software for a while now, I’d suggest (at least initially) showing the application without any add-ons/extensions. It’s kinda distracting when your screen doesn’t match what someone learning it from scratch sees. I’ve been using it for a while and I keep seeing things I want it to do; it’s like every few minutes, I yell “SQUIRREL!” It also makes it hard to know if a user has missed a step, has a configuration wrong, or just doesn’t have the extension you’re using. FYI, and thanks!

  • @Eddie-jr6bs
    @Eddie-jr6bs 2 года назад +1

    Years of using everything from vi to visual studio. Was about to give up on vscode; I’m making enough progress now; thanks!

    • @roadmap2infinity
      @roadmap2infinity 4 месяца назад +1

      hey, is learning this course yet worth it...its been 3 yrs since upload

    • @Eddie-jr6bs
      @Eddie-jr6bs 3 месяца назад

      @@roadmap2infinity yes; vscode is the predominant IDE now more than then.

  • @MayurPatil
    @MayurPatil 3 года назад

    I always disable my adblock only for FreeCodeCamp videos. They are complete and free as well. Keep up the great work team.

  • @lux-co3nl
    @lux-co3nl 3 года назад +1

    Thanks! This has been so helpful!

  • @user-or7ji5hv8y
    @user-or7ji5hv8y 3 года назад +1

    What I have been looking for. Cool.

  • @Alex-bc3xe
    @Alex-bc3xe 2 года назад

    A very underrated topic but is very powerful. Saves a lot of time indeed. Thank you sir.

  • @altynbek4004
    @altynbek4004 3 года назад

    Many thanks!!! Cool! I working with VS Code around 3-4 years, but there were a lots of usefull information for me!))

  • @natalieacevedo4575
    @natalieacevedo4575 3 года назад +3

    as a beginner I learnt a lot! Thanks James for making it so easy to understand

  • @MdImrankhan-kq6dp
    @MdImrankhan-kq6dp 2 года назад

    It help's very much, I am beginner in web development course and its first time i am using vs code thank you for all the explaining ❤️

  • @paulvanhout9695
    @paulvanhout9695 3 года назад

    Excellent primer on VS Code and overview of available extensions and usage.

  • @Sea-qv4sd
    @Sea-qv4sd 3 года назад +2

    PERFECT I needed to video so badly

  • @MehmoodAhmedMooD
    @MehmoodAhmedMooD 3 года назад

    Superb Course. Thanks a lot James & FreeCodeCamp :)

  • @mumihp
    @mumihp 3 года назад

    Thanks so much, I was just deciding which text editor to use, decided to go with VS over Sublime but wanted to know more about VS, perfect timing as this video is a day old so would not have to worry about, outdated information

  • @pavithranrocky316
    @pavithranrocky316 3 года назад

    Thank You for such an amazing Session! BTW I am a Supernatural fan too. Cool Posters on the wall!😍❤

  • @zezeandjr4110
    @zezeandjr4110 3 года назад

    James, King James, thank you so much for such a wonderful, informative and very rich video.

  • @MdArif-iv3yj
    @MdArif-iv3yj 3 года назад

    Thank you so much. Really helpful. Saves a lot of time.

  • @MaxProgramming
    @MaxProgramming 3 года назад +1

    James is everywhere!!!!!
    You are great!!!!
    😍

  • @Robez1988
    @Robez1988 3 года назад

    very good summary of vscode, detailed introduction about useful extensions! TY

  • @gavintillman1884
    @gavintillman1884 3 года назад

    Love your blue/green/orange gut friendly command prompt!

  • @kalpeshnbhavsar
    @kalpeshnbhavsar 2 года назад

    Awesome demo James! (Live Share has blown my mind)

  • @kr4k3nn
    @kr4k3nn 3 года назад +1

    Thank you very much for making this video.

  • @raktimdas2428
    @raktimdas2428 3 года назад +21

    This channel is giving people employment opportunities giving them skills and knowledge for free
    Great!!!

  • @brandongeorge7648
    @brandongeorge7648 2 года назад

    You just made my day with this vid THANK YOU.

  • @laureen69
    @laureen69 3 года назад +4

    Thank you very much, I'm totally sold to this one especially the sync settings feature that is a real time saver. I'm leaving my current IDE.

    • @lovelypangotra2347
      @lovelypangotra2347 3 года назад

      How better is the sync feature?

    • @laureen69
      @laureen69 3 года назад +2

      @@lovelypangotra2347 sync automatically when you update a setting(s) 9/10 I think.

  • @OfferoC
    @OfferoC 3 года назад

    This is great. Sync is neat.

  • @rajbohra10
    @rajbohra10 2 года назад

    Thanks for this!

  • @sala7311
    @sala7311 3 года назад

    I learnt a lot about the tool I daily use. Thanks man

  • @SirNoire
    @SirNoire 3 года назад +1

    Space Jam, and Supernatural. You have a new fan

  • @jinks908
    @jinks908 Год назад

    Dude I've been using Ctrl+L to select current line for like 2 years lol. Little did I know it's completely unnecessary to ever do. I literally use VS Code daily. Holy cow I learned so much. There were even several times throughout where I almost skipped because I'm like yeah I know those ones and then he'd start and do something extra and I'm like whatt?? Wow, thanks man.

  • @MichaelShingo
    @MichaelShingo 9 месяцев назад

    excellent, this will save me so much time. Especially like the shortcuts to navigate the text

  • @freedatascientist2786
    @freedatascientist2786 3 года назад

    Nice video, thanks for the inspiration!

  • @jasonliao8181
    @jasonliao8181 3 года назад

    Thank you, this video is very helpful. I have learnt a lot from it.

  • @santra528
    @santra528 3 года назад +1

    This video is a gold mine ❤❤ Thank you sir 👌

  • @sirhuman560
    @sirhuman560 5 месяцев назад

    Very clear and amazing explanation, thank you so much!

  • @0000000000323120
    @0000000000323120 3 года назад

    Tanks a lot, used several of your "tricks" and lernt a lot about this Program.

  • @severtone263
    @severtone263 Год назад

    Well articulated James. Thank you :)

  • @howtolearn2023
    @howtolearn2023 2 года назад

    Great man. Really enjoyed..

  • @SlapyJoh
    @SlapyJoh Год назад

    Great video! I've learned a lot.
    Thank you very much.

  • @enregistreur
    @enregistreur 2 года назад

    Very cool video, as I mostly use IntelliJ for work, I want to get into VS code for hobby projects. This video is so useful to get up to speed!

  • @danieliniguezv
    @danieliniguezv 3 года назад

    amazing job! thi is awesome! thank you so much!!

  • @JohnnyOshika
    @JohnnyOshika 3 года назад

    Awesome video, thank you!

  • @rahuls331
    @rahuls331 3 года назад

    Thank you James!

  • @WilliamWeekesJr
    @WilliamWeekesJr Год назад

    Thank you for this😀

  • @ArielBenichou
    @ArielBenichou 3 года назад

    This was so much fun!

  • @virgiliomurilloochoa2884
    @virgiliomurilloochoa2884 3 года назад +4

    i already know vscode but still watched the hole video, men it would be awesome if you could teach us visual debbuger in vscode!

  • @oniii-chan_
    @oniii-chan_ 3 года назад +78

    I feel like I was a guy from stone age, I was using it pretty much like notepad (just saying) Amazing video recommended to my friends

    • @willow4635
      @willow4635 3 года назад +4

      I haven't started yet with it, but I feel like I would have thought the same or did the same thing

    • @rohitnair6778
      @rohitnair6778 3 года назад +1

      I can feel u bruh

  • @tguess7414
    @tguess7414 2 года назад

    Awesome Video!!! Thanks

  • @aravindakumar3540
    @aravindakumar3540 Год назад

    Really useful Shortcuts, Extensions, Snippets. Best tutorial. Thanks to the creator.. 🙏🙂

  • @vijivenkatprananya3629
    @vijivenkatprananya3629 3 года назад

    You guys deserve more than 2 million subs, so I subscribed!!

  • @THINKPOSITIVE1161
    @THINKPOSITIVE1161 6 месяцев назад

    Thanks fir this❤

  • @Ethiopian-Free-Source-Code
    @Ethiopian-Free-Source-Code Год назад

    Awesome course for all time.I am Web Developer for more 10yrs.This course was fantastic for me.keep up bro!!!!!!!!!!!!!!!!!!!!!!!!!!!!👌👌👌👌👌👌👌

  • @atouchofa.d.d.5852
    @atouchofa.d.d.5852 3 года назад

    This was great!

  • @sheikhabubakar1705
    @sheikhabubakar1705 3 года назад

    Keep up the good work!!

  • @solomonwrites
    @solomonwrites 3 года назад

    Thanks for breaking down this software.

  • @airaaloveros2607
    @airaaloveros2607 Год назад

    Thank you for this!

  • @chrisdanish84
    @chrisdanish84 2 года назад

    Thank you that was brilliant!

  • @riyaanyeswhatever
    @riyaanyeswhatever 3 года назад +12

    This channel is underrated I swear

  • @mizan2524
    @mizan2524 3 года назад

    Amazing tutorial...learned a lot..Thanks James and freeCodeCamp..

  • @gemma2901
    @gemma2901 3 года назад

    great tutorial, thanks!!

  • @GeorgeDonnelly
    @GeorgeDonnelly Год назад

    Awesome tutorial, thank you very much!

  • @lynguist
    @lynguist 3 года назад

    excellent, thank you!

  • @codeSTACKr
    @codeSTACKr 3 года назад +60

    Hey!! That's my friend :)

    • @JamesQQuick
      @JamesQQuick 3 года назад +7

      Yayy!!

    • @ukeshrestha
      @ukeshrestha 3 года назад +4

      Better than Your paid course

    • @JamesQQuick
      @JamesQQuick 3 года назад +4

      @@ukeshrestha I can tell you right now it's not better than @codeSTACKrs paid course! lol That course goes into a looooot more detail :)

    • @MaxProgramming
      @MaxProgramming 3 года назад

      @@ukeshrestha yeah he has done a lot of knowledge. And he has done so much hard work on it

    • @legendarytamilan7361
      @legendarytamilan7361 3 года назад

      Ukesh Shrestha don’t underestimate any body

  • @manzariqbalmalik
    @manzariqbalmalik 3 года назад

    Much needed tutorial 👍

  • @martinpenev6750
    @martinpenev6750 Год назад

    30 minutes in and I already learned a ton of stuff!

  • @daryllndonga8569
    @daryllndonga8569 3 года назад

    Amazing teacher, Amazing content. Much regards

  • @MarcosColpani
    @MarcosColpani 3 года назад

    Thank's a lot.... Amazing Course :-)

  • @jad8694
    @jad8694 3 года назад

    Oh thank you so much this will be very very helpful

  • @microsoftsarker
    @microsoftsarker 2 года назад

    thanks for posting

  • @compton8301
    @compton8301 3 года назад

    Thank you James.

  • @abdulghanialmasri5550
    @abdulghanialmasri5550 2 года назад

    Really informative, thanks a lot.

  • @LUCIFER-mw2xx
    @LUCIFER-mw2xx 3 года назад

    Thank You So much bro♥

  • @Kenji1685
    @Kenji1685 3 года назад

    Thank you so much! :)

  • @DavidGuzman-gq2vm
    @DavidGuzman-gq2vm 2 года назад +1

    Great Video!