Visual Studio Code Crash Course

Поділитися
Вставка
  • Опубліковано 11 лип 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 роки тому +335

    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.

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

  • @yahx1
    @yahx1 3 роки тому +24

    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!

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

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

  • @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 🙏

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

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

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

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

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

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

  • @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. ✌️

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

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

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

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

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

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

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

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

  • @v.adriancastillo7096
    @v.adriancastillo7096 3 роки тому

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

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

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

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

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

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

  • @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!))

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

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

    Fantastic video James! Very much appreciated.

  • @Alex-bc3xe
    @Alex-bc3xe 2 роки тому

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

  • @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 3 місяці тому +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.

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

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

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

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

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

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

  • @raktimdas2428
    @raktimdas2428 3 роки тому +21

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

  • @user-or7ji5hv8y
    @user-or7ji5hv8y 3 роки тому +1

    What I have been looking for. Cool.

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

    Superb Course. Thanks a lot James & FreeCodeCamp :)

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

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

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

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

  • @lux-co3nl
    @lux-co3nl 3 роки тому +1

    Thanks! This has been so helpful!

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

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

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

  • @MdArif-iv3yj
    @MdArif-iv3yj 3 роки тому

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

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

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

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

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

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

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

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

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

  • @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!!!!!!!!!!!!!!!!!!!!!!!!!!!!👌👌👌👌👌👌👌

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

    You just made my day with this vid THANK YOU.

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

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

  • @MichaelShingo
    @MichaelShingo 9 місяців тому

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

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

  • @Sea-qv4sd
    @Sea-qv4sd 3 роки тому +2

    PERFECT I needed to video so badly

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

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

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

  • @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?

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

    Thank you very much for making this video.

  • @sirhuman560
    @sirhuman560 4 місяці тому

    Very clear and amazing explanation, thank you so much!

  • @Kathir.T
    @Kathir.T 3 роки тому +16

    Hey, everything's perfect. Just a teeny thing I noticed in the description
    ⌨️ (0:60:00) Settings Sync
    ⌨️ (0:65:40) Debugging
    These 2 timestamps need to be changed as 1:00:00 and 1:05:40 to be recognized by UA-cam! Thanks for the video mate!

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

    Space Jam, and Supernatural. You have a new fan

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

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

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

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

    Well articulated James. Thank you :)

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

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

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

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

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

    This is great. Sync is neat.

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

  • @natalieacevedo4575
    @natalieacevedo4575 3 роки тому +3

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

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

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

    It is a very useful and nice video, for those people, who are working with Visual Studio code Editor. If you want to learn programing this video helps you through the different kind of shortcuts, which is very important while writing a program at all.

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

    Amazing teacher, Amazing content. Much regards

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

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

    Nice video, thanks for the inspiration!

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

    Thanks for breaking down this software.

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

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

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

    Awesome video, thank you!

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

    Awesome tutorial, thank you very much!

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

    bless you for book marks and this tut. Its fantastic

  • @maxi.n.m
    @maxi.n.m 3 роки тому

    he is similar like the actor joel kinnaman, thanks for the video, you are awesome, greetings from Argentina

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

    great video...just started learning to code, start Full Stack bootcamp next month.

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

    Great man. Really enjoyed..

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

    Thanks for this!

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

    Thank you James!

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

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

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

    This was so much fun!

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

    Keep up the good work!!

  • @atouchofa.d.d.5852
    @atouchofa.d.d.5852 3 роки тому

    This was great!

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

    Amazing video, thanks a lot.

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

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

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

    Much needed tutorial 👍

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

    Thank you that was brilliant!

  • @oussamaghrib4558
    @oussamaghrib4558 3 роки тому +25

    How about a crash course of crash course (how to crash course)
    Thanks FCC!

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

    excellent, thank you!

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

    great tutorial, thanks!!

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

    Thank you for this!

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

    Oh thank you so much this will be very very helpful

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

    Very helpful Especially knowing the shortcuts.
    Just what the Dr. Rx.!!

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

    Really informative, thanks a lot.

  • @user-dv4or2uy5i
    @user-dv4or2uy5i 3 роки тому

    I fucking love how the lines loook at your editor. I want that in all my editors.