Visual Studio Code Crash Course

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

[@helmgimble1258]

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]

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]

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

[@bantzrayder8976]

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

[@yahx1]

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]

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]

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

[@diManjenje88]

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

[@mr.o5577]

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

[@quajutsu9372]

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

[@Kenji1685]

Looks like his doggy went to bed before him.

[@macrovise]

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!

[@vaibhavchawla2439]

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

[@gabriel_export]

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

[@MarkTellier]

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]

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]

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!

[@robertbartz2954]

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

[@baboyoro9846]

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!

[@ovis4021]

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]

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.

[@Moulik23]

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

[@jaymackey8743]

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.

[@passandscore_]

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

[@urwahR]

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

[@nourdouchi1644]

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]

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

[@v.adriancastillo7096]

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

[@titokris5162]

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

[@Eddie-jr6bs]

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

[@roadmap2infinity]

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

[@Eddie-jr6bs]

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

[@PiyushKumarSingh]

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

[@feyzullahyldz4829]

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]

nice topics thx 🙏

[@RoshanWankhade]

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.

[@snehasinghal2325]

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

[@scottwillrich2132]

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

[@sergiob3698]

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

[@MayurPatil]

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

[@Alex-bc3xe]

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

[@codeSTACKr]

Hey!! That's my friend :)

[@JamesQQuick]

Yayy!!

[@ukeshrestha]

Better than Your paid course

[@JamesQQuick]

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

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

[@legendarytamilan7361]

Ukesh Shrestha don’t underestimate any body

[@natalieacevedo4575]

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

[@adrianalleyne4921]

Fantastic video James! Very much appreciated.

[@raktimdas2428]

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

[@MaxProgramming]

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

[@DanielBrownsan]

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!

[@user-or7ji5hv8y]

What I have been looking for. Cool.

[@MdImrankhan-kq6dp]

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

[@altynbek4004]

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

[@pavithranrocky316]

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

[@mumihp]

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

[@MichaelShingo]

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

[@paulvanhout9695]

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

[@gavintillman1884]

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

[@lux-co3nl]

Thanks! This has been so helpful!

[@zezeandjr4110]

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

[@laureen69]

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]

How better is the sync feature?

[@laureen69]

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

[@kalpeshnbhavsar]

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

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

[@Robez1988]

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

[@MdArif-iv3yj]

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

[@SirNoire]

Space Jam, and Supernatural. You have a new fan

[@Sea-qv4sd]

PERFECT I needed to video so badly

[@riyaanyeswhatever]

This channel is underrated I swear

[@virgiliomurilloochoa2884]

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

[@MehmoodAhmedMooD]

Superb Course. Thanks a lot James & FreeCodeCamp :)

[@vijivenkatprananya3629]

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

[@severtone263]

Well articulated James. Thank you :)

[@sala7311]

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

[@kr4k3nn]

Thank you very much for making this video.

[@brandongeorge7648]

You just made my day with this vid THANK YOU.

[@OfferoC]

This is great. Sync is neat.

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

[@oniii-chan_]

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]

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

[@rohitnair6778]

I can feel u bruh

[@enregistreur]

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!

[@jasonliao8181]

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

[@Kathir.T]

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 KZbin! Thanks for the video mate!

[@parthaprotimsaikia9962]

Literally, 6 hours ago i searched for a tutorial video for VS code and all were very boring...and i got this notification 🔥 Is god listening to me?🙏

[@Difer-jd3hv]

yeah, I am listening.

[@mirzaaleem2764]

That's youtube algoritm bro

[@jessevw932]

@@mirzaaleem2764 google is listening 👂

[@bengalbaby6118]

Same here Partha. I have been using Atom, and decided to try VS. Got frustrated with tutorials, let it go for a few days, and bingo! in my email was this link. Guess God is hearing us all. The coding gods anyway.

[@0000000000323120]

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

[@santra528]

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

[@aravindakumar3540]

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

[@freedatascientist2786]

Nice video, thanks for the inspiration!

[@SlapyJoh]

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

[@peterkrenn9051]

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.

[@anonymousbot2829]

Highly appreciated.. need full stack course and project on spring and spring boot

[@saidneder41]

When I'll land my first developer job, I will donate 100 bucks, keep my word, the best in the world FCC FOR THE WIN!!!

[@quincylarsonmusic]

We will put your donation to good use helping create more free learning resources. Best of luck gearing up for your job search. We're rooting for you.

[@nikolaypetrov9789]

It's been at least a year. Where's money lebowski?

[@GeorgeDonnelly]

Awesome tutorial, thank you very much!

[@danieliniguezv]

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

[@sirhuman560]

Very clear and amazing explanation, thank you so much!

[@LHommeDeParfum]

Great video that you need to watch a lot of time. Thanks! One thing I'd like to do with my Terminal: display code output with a different color from system output (Python path/working directory, etc) . Cannot see that possibility anywhere. Again thanks.

[@ArielBenichou]

This was so much fun!

[@JohnnyOshika]

Awesome video, thank you!

[@martinpenev6750]

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

[@mizan2524]

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

[@solomonwrites]

Thanks for breaking down this software.

[@airaaloveros2607]

Thank you for this!

[@MichaelCook1981]

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

[@user-dv4or2uy5i]

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

[@atouchofa.d.d.5852]

This was great!

[@rahuls331]

Thank you James!

[@daryllndonga8569]

Amazing teacher, Amazing content. Much regards

[@SageSeeker47]

I was just looking for this

[@sheikhabubakar1705]

Keep up the good work!!

[@MarcosColpani]

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

[@jad8694]

Oh thank you so much this will be very very helpful

[@kerotan2444]

I was using poorly visual studio code. Thank you.

[@rajbohra10]

Thanks for this!

[@alexnicolinivideos]

Amazing video, thanks a lot.

[@manzariqbalmalik]

Much needed tutorial 👍

[@maxi.n.m]

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

[@howtolearn2023]

Great man. Really enjoyed..