Learn Visual Studio Code in 7min (Official Beginner Tutorial)

Get started from scratch in this short overview of Visual Studio Code & writing / executing JavaScript, Python, previewing HTML and more.
0:00 Intro
0:20 Open folder / Set workspace
0:52 UI Tour
2:00 Create new JavaScript file
2:20 Intellisense
2:55 Save / Autosave
3:25 Create python file
3:45 Add python extension
4:28 Drag & drop external HTML file
5:00 Preview HTML output with Live Preview extension
6:00 Changing themes
6:50 Summary
Host: @ReynaldAdolphe
Also see more here at / vscode
#vscode

[@zacy7030]

This is extremely helpful! I was actually overwhelmed by the interface of VS code and so many extensions when I first got in touch with it, this video helped me a lot!

[@BajoranEngineer]

Its super helpful!

[@SuperJSM]

And it's an official tutorial! Don't see tutorials this good by their creators most of the time!

[@Kavya0704]

same!

[@zigmontmackonis6548]

Yes, indeed, I was overwhelmed too, and I abandoned the learning. I stuck with the IDE provided by Python. But, having seen this excellent presentation, I feel that I can continue the quest.

[@muhammadsaadmansoor7777]

me too. he is a great dude

[@TomDoesTech]

Been using VSCode now for about 4 years and love it!

[@henryiwuamadi3375]

@TomDoesTech…. Pls I would need ur assistance in advancing my programming knowledge to become a full stack developer…. Pls if you don’t mind. Reply to this comment pls

[@zkdr6278]

@@henryiwuamadi3375 LMAO

[@adheesh2secondsago630]

A text editor that utilizes all of your cores, many threads, runs more than one processes: _"A _*_lightweight_*_ and powerful text editor"_ Tho gotta agree, the optimisation team of vs code is very experienced bcz it works like flash.

[@sdgamer9427]

hello nether

[@gasph547]

I got scared when he was typing his favorite theme 💀

[@OnesecoMedia]

Wow, this really highlighted the important parts of VS code for me. Lotta "Ohhhh!" moments during my viewing. Thanks!

[@izzz27]

I love how Visual Studio Code looked very simple but the reality, it was powerful

[@dichtungundwahrheit]

Great introduction video! VS Code is now really powerful and customizable. Love it!

[@amayacameron1575]

Great straight forward tutorial for beginners, super helpful

[@gabreb7998]

Epic Course! Easily explained grids and flex like no other tutorial.

[@totoosarts]

I enjoyed that you got right into the business without wasting a moment, i’ve subscribed and i’ll come back often, if you share often!

[@rabahakrour3688]

basicly VS Code is very simple to use but you got to have someone explain it to you like he did, amazing tuts !

[@amazinglystrangemedia1133]

Great video, precise and to the point. Exactly what I was needing!

[@KingSoraProductions]

When I press F5 it doesn't execute the code... am I to install an extension or something??

[@RobertWoodman]

This is a great tutorial introduction to Visual Studio Code. Kudos to all involved in producing it.

[@busyrand]

Excellent explainers and introduction. I will watch a series of videos simply because he's the teacher. I'm headed to the channel to see if he has playlists so I can circle back and learn from his clear teaching style. Very well done....

[@Eva-us8ss]

Thank you so much for your video. It's been 10 years and a lot of new advances feature.

[@mishram4446]

I opened your video from VS code so watched it there. Came here to give you thumbs up for such elegance and simplicity. Here I begin my coding journey, wish me luck :)

[@JustinMacri007]

I want to be freinds with developers

[@manosmorfiadakis1679]

SIMPLE and WELL EXPLAINED.Thank you very much

[@congtienphan5892]

This is my first lesson and I'm in love. Many thanks !

[@brycelobdell6232]

Great execution on this video. High info density and very clear, ty.

[@AbdulDanmalan]

I love the web preview extension. I've been using VS code for some weeks now, and I've always used alt + shift + b for web previews. I'm saved now, thank you for the concise yet super helpful video.

[@JustinMacri007]

Let's be freinds

[@AbdulDanmalan]

@@JustinMacri007 are we not?

[@JustinMacri007]

@@AbdulDanmalan whsts your contact

[@ibowman_UCLA_BRAIN]

Extremely helpful! Especially loved the information about installing extensions.

[@clearwavepro100]

What a perfectly simple and helpful video! So helpful in introducing the basics of this awesome application TY

[@jackcollazo]

Excellent presentation. I've just downloaded VSCode and this video got me started well. Thank you!

[@catalinamenendezmendez9149]

Exactly what I needed, thank you so much :)

[@gelscience7081]

Excellent, excellent, excellent! Not a word too many, not a second wasted.

[@kb1376]

Unfortunately, this did not work for me. Once I hit F5 the program never ran. I figured out that a debug program was never configured. I tried Node.js, but I kept getting an error. Once I figured out how to bring up the launch.json and run that, I went back to the jsSample.js to run the program. It looked like it ran, but never showed the result. I suspect I didn't set up something correctly with the debugger? I'm not sure. Do you have another video showing how to set up all of the basic configurations?

[@yolandamiller6870]

Did you find an answer? I'm stuck here too.

[@MrBoxxxed]

Same problem.

[@terryyoung626]

Thanks for the quick tutorial, and the pointer to the extensions! Very well done! I have been an Atom user, and just getting started on VS Code.

[@johnburgess2084]

Thanks for the good introduction! I'm starting VSCode from scratch.

[@jakes.9599]

Brilliant video! Very helpful and easy to follow. Thank you!

[@jmclagan]

While I love the idea of this video, my screens did not look like your by default. I did have the explorer and activity and status bar as described, but by default, I did not have the panel with Ouput, Debug Problems and Terminal. When I hit F5 on the jsSample.js file, it did not run in the debug console as expected, instead it comes up with a Welcome tabbed window with Get Started with VS Code. So either this video needs some updating to a current version or the presenter has extensions installed that are not present in a new installation.

[@yolandamiller6870]

Same for me...still searching for a solution. Help!!!

[@mhashim]

same issue solved following instructions here kzbin.info/www/bejne/a6a2emWIpbZkpck and worked

[@karimkhader2526]

Same problem here, did you figure it out?

[@getbacon3]

Same problem here. I downloaded Node.js and now it works.

[@frickxnas]

@@getbacon3 which one did u download? i have a similar problem.

[@keacoq]

That was a great intro to vs code. Covered lots of ground in 7 minutes, got me started. thanks

[@jeffreyhunter4115]

Very well explained. I might be moving from Eclipse to VS Code. Thank you!

[@mannymorales7913]

Great video, thanks for producing and sharing. Keep ‘em coming!

[@lexiriam]

Great beginner video on navigating through Visual Studio Code. It helped me a ton!

[@higsbymacguffin3982]

Fast, pleasant, informative. Thank you sir very well made.

[@stealthbusiness]

Your short tutorial was really helpful. 🙂 I just started using Visual Studio and would like to know how to see a live CSS preview as code is being done. I appreciate your insights.

[@thecreator2964]

welp i dont understand any of it and at 2:21 min how did he make it double plus the lines sorry but i am new to coding like this is my very first day....

[@Allinone-sh6cj]

​@@thecreator2964that's intellisense maybe

[@Rahul_Rao_001]

The most helpful video I've found as a beginner. Thanks

[@marvin9839]

Excellent Brother! I have been looking for this kind of content for a long time. I am going to subscribe.

[@naturallydope247]

Thank you for showing this. This program makes much more sense now to my graphic designer eyes.

[@alanbalvin7731]

I love it!!!! my first session programming, i'm a musician and architect, i didn't know anything about Javascript!!!, Excellent Tutorial, thank you very much

[@NeedChocyMilk]

Thanks heaps man im coming from sublime and Kate and this seemed really messy compared to those IDEs now it seems super clear, easy and really fun to use

[@tonysilva2654]

This is just what the doctor ordered!!! Thank you sir👍🏽

[@bobruis4073]

Thank you sir! I'm new into coding. Bumped on Visual Studo Code and found your vidoe. Great explanation!

[@MsJsmith99]

Simple and to the point. Thanks man!

[@jamyskis]

Thank you! I've been using open source solutions for years, and while they are still great, they are very old-school and I have to start learning to use Visual Studio and VSC for my work and it's a real paradigm shift compared to the IDEs of old.

[@mimichanakira6865]

Thank you for this video! Very helpful and to the point :)

[@samsonwoldemichael5742]

Complete tutorial in 7 minutes, God bless you!

[@chujing6308]

It is extremely helpful for me, thanks for the sharing!

[@ravanabrahma1229]

Great , very simple and informative

[@ChristopherNealBUSHIDO49ERS]

Thank you so much for this video. I now have a better understanding of VSC.

[@bryancorley7492]

This was an insanely helpful video… thank you!!

[@lighthouseoverseas9640]

Short and Sweet! Great Work

[@babyrita2993]

this helps me a lot for the very beginning time with vs of mine❤️

[@daveriesz3354]

Thanks, Reynald. Excellent intro.

[@Tgarth99]

Thank you for very helpful tutorial! I will have to check out your other Python tutorials too!

[@Zandor434]

Can’t believe I’ve been fumbling around for as long as I have.l without seeking this out. Thanks for the video. Good stuff

[@lekissdarams7195]

I’m gon suscribe right away thanks ❤️I found what I’ve been looking for

[@jamesabraham4034]

This tutorial is very helpful. Thanks 🎉

[@abdinasirhusseinali5898]

Wonderful explanation. Thank you!

[@tjmns]

cool i now have intellisense enabled for js, py, and html and a custom theme set (first time user) Thanks !

[@javierH]

Best effective video I've seen. Thank you.

[@mistervriesinga5887]

i always giggle when i see all these microsoft people using Macs for their day to day computers. Do they not enjoy a good ole fashioned windows PC?

[@taragraves2306]

Thank you so much for this!!! I’ve been trying to do this on my Mac but the instructor showed us on a PC and it was causing so many problems for me to translate.

[@gilles466]

6:44 Bro made my heart skip a beat

[@counterfeit1148]

After I read your comment I didn't know what to expect, and it certainly was not him typing half the N-word

[@leslieataembo]

Thank you, helped with understanding necessary tools to employ.

[@Jack-ih3hf]

That was very helpful. Thanks :D How do I open a terminal in a new window?

[@stomachhurts2044]

Dude thanks sooo fkn much for these Ur awesome I’m starting from nothing trying to learn to code on Mac and this info is priceless for someone like me Thank god for u

[@SilenttempestZX]

Very Helpful! Thanks a bunch my guy!

[@djmarcos69]

Thank you for explaining this clearly.

[@jonassorman-hu4nl]

OMG, first time user... thank you soo much for this. you just blew my mind in 7 minutes.:-)... i mean holy crap!!!!!!!...I am a grateful subrcriber from here on.

[@CarolineKariuki4]

So so so so helpful. Thank you so much for the tutorial. 😁

[@trapperjohn62]

This was really helpful. Thx

[@ChrisSmithFW]

This is fantastic! Thank you so much!

[@StuffyX974]

Hey thanks to the vscode for the video ! Can we have one on how to use the debugger with pratical example for web development please ? 😊

[@JonathanBaileyn2u]

That was great.. got me hooked! Thank you!

[@RandyDaGamer]

Thank you so much! Visual Studio Code is awesome!

[@pythonatearubyonrails3541]

best beginner tutorial i have seen

[@yawsokpor3061]

Thanks for your video and the tutorials and I try watch all the videos.

[@nancygarcia5942]

Gotta compliment you on the easy to understand video. Accessible and professional. thanks man!

[@Emmanuel-ti6ym]

I wish that this man would create a Python Course. He has the gift of teaching.

[@user-lj9ly4pq5s]

Thank you. It was very helpful.

[@maapictures80]

LOVE it !

[@MMCOLLEGE]

thanks dear from your lessons

[@princesslizzy5675]

Thank you for the simple video 😊

[@for-ever-22]

Amazing video. Perfect for beginners

[@jenniferrussell4849]

This was very helpful thank you !

[@shaiyan2]

as somebody who got their start in python using a terrible web compiler (Programiz, why do you have so many bugs????), learning about VSCode was a blessing. Although it's much more all over the place than the web compiler, once you get to know the features, it becomes the best thing ever.

[@darylcrucke4614]

I'm more into writing content, I didn't manage to get how you have place and html into your project ? Is it an addons from the warketplace or because you create your first script with javascript ?

[@ayds60]

i have pressed F5 OVER AND OVER AND OVER (even CTRL+F5) AND each time it just opens up a new window that still waits for mt input instead of running this very same lines (LITERALLY!!!).. am i missing something here?? is there another special extension that i haven't downloaded yet??? I EVEN UNISTALLED AND INSTALLED VS CODE FIVE TIMES AND i have all the extensions mentioned in the java vs code page please help me before i pull out all the hair on my head...

[@Stvelana]

Does this happen to you in JavaScript? For me is the same, and I'm unable to execute the code...

[@ayds60]

@@Stvelana yes.. even the next tutorial videos still have code that is not executing..

[@tenaciousAbandon]

@@ayds60 Same here??? Like it didn't explain any of the ways to run the actual file I'm so confused

[@rahatrumi2079]

same here, keep asking for environments.

[@CarsSmoke]

same didn't work. it's so straight forward and not working... so pissed rn lol

[@studiotwo]

A nice introduction. Many thanks.

[@rikuwaves]

Thank you I felt overwhelmed upon opening and this just cleared me up. So simple and to the point.

[@johnkaruitha2527]

Thanks a lot. Just getting with python.

[@liquidshadow477]

Big fan of Visual Studio Code! This editor is absolutely wonderful, easy to use, and very complete for efficient coding. RECOMMENDED!

[@PDarge]

Can you help it seems it’s easy for you to understand

[@harryrogers1361]

Hi. I am having problems in running the JavaScript. It will not debug. Nothing comes up in the "Debug Console" tab and it takes me to the blank "Terminal" tab. I have followed everything correctly up to now. Is there any external debugging software we need to download or is there something that isn't explained in the video that we need to be doing? Any help would be appreciated, thank you!

[@zetochka9952]

same, i've been trying to solve that for 2 hours, still dont know what to do

[@kaylumwalls9948]

I am also stuck on that 😂

[@voaa666]

Установите node.js и запустите javaSc в vs code через него, или запустите его через браузер, нажмите F12 и в консоли отобразится команда, которую вы написали для выполнения.

[@karimkhader2526]

Same problem here

[@getbacon3]

Same problem here. I downloaded Node.js and now it works.

[@seohix]

Useful, cheers.

[@user-pr5xu8tz2p]

this was so helpful thank you

[@inamoment1]

Very helpful, thanks!!

[@sihamal-rubaye9061]

Thank you so much, that was awesome!!!

[@jefflucas_life]

IDE, a noob like me just starting off from notepad. thumps up!