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

Поділитися
Вставка
  • Опубліковано 14 жов 2024

КОМЕНТАРІ • 638

  • @adheesh2secondsago630
    @adheesh2secondsago630 2 роки тому +78

    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.

  • @zacy7030
    @zacy7030 2 роки тому +595

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

      Its super helpful!

    • @SuperJSM
      @SuperJSM Рік тому +6

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

    • @Kavya0704
      @Kavya0704 Рік тому +1

      same!

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

      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
      @muhammadsaadmansoor7777 11 місяців тому

      me too. he is a great dude

  • @julielumumba
    @julielumumba 2 місяці тому +23

    Beginner means you start from the beginning and the files you install. Yours is advanced

    • @jesusk1358
      @jesusk1358 Місяць тому +2

      Exactly.

    • @iconicstararjun
      @iconicstararjun 17 днів тому +1

      yeah so bad i was looking why my program doesnt look like that lol

  • @TomDoesTech
    @TomDoesTech 2 роки тому +112

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

    • @henryiwuamadi3375
      @henryiwuamadi3375 Рік тому +1

      @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
      @zkdr6278 4 місяці тому

      @@henryiwuamadi3375 LMAO

    • @hypersonic6649
      @hypersonic6649 4 місяці тому +2

      @@henryiwuamadi3375 "no" as the great bird said you have to do it on your own big bird

    • @billt8504
      @billt8504 3 місяці тому +1

      I just started using VS Code because I'm trying to learn python and every other IDE was overly complex, including Apple's XCode and open source Eclipse, which won't run on my really old Mac anymore. Oh my gosh, I love VS Code. For Python at least. Haven't tried it for Java yet (and I haven't written a C++ program in 20 years.)

  • @izzz27
    @izzz27 2 роки тому +12

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

  • @OnesecoMedia
    @OnesecoMedia Рік тому +23

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

  • @rabahakrour3688
    @rabahakrour3688 Рік тому +8

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

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

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

  • @jmclagan
    @jmclagan Рік тому +55

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

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

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

      same issue solved following instructions here ua-cam.com/video/5uSI2RpQ1og/v-deo.html and worked

    • @karimkhader2526
      @karimkhader2526 10 місяців тому +5

      Same problem here, did you figure it out?

    • @getbacon3
      @getbacon3 8 місяців тому +5

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

    • @frickxnas
      @frickxnas 6 місяців тому

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

  • @amayacameron1575
    @amayacameron1575 2 роки тому +92

    Great straight forward tutorial for beginners, super helpful

  • @stealthbusiness
    @stealthbusiness Рік тому +18

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

      ​@@thecreator2964that's intellisense maybe

  • @dichtungundwahrheit
    @dichtungundwahrheit Рік тому +10

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

  • @Commenter339
    @Commenter339 Рік тому +2

    Thank you!! Incredibly helpful and, as others have said, I was overwhelmed by VS, too, and my tutors never explained it, just expected me to work with it. So this helps a ton!

  • @gelscience7081
    @gelscience7081 Рік тому +2

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

  • @totoosarts
    @totoosarts 2 роки тому +2

    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!

  • @Eva-us8ss
    @Eva-us8ss Рік тому +1

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

  • @busyrand
    @busyrand Рік тому +15

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

  • @gasph547
    @gasph547 8 місяців тому +86

    I got scared when he was typing his favorite theme 💀

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

      No, I didn't scare but I took favourite colour.

    • @RitmosMC
      @RitmosMC 3 місяці тому +6

      The pause between the "g" and "h" was way too long to be accidental... 😳

  • @keacoq
    @keacoq Рік тому +1

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

  • @lexiriam
    @lexiriam Рік тому +1

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

  • @jrofernandes
    @jrofernandes 3 місяці тому

    Hello, okay? My name is Fernandes, I’m from Brazil and I’m starting my journey as a Frontend developer. Congratulations for the video, this video helped me a lot. Thank you!

  • @jamyskis
    @jamyskis 7 місяців тому

    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.

  • @Emmanuel-ti6ym
    @Emmanuel-ti6ym 8 місяців тому

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

  • @samsonwoldemichael5742
    @samsonwoldemichael5742 11 місяців тому +1

    Complete tutorial in 7 minutes, God bless you!

  • @gilles466
    @gilles466 Рік тому +15

    6:44 Bro made my heart skip a beat

    • @counterfeit1148
      @counterfeit1148 9 місяців тому +2

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

  • @cbbcbb6803
    @cbbcbb6803 Рік тому +2

    You should use light theme on your tutorials. Some of us are using smaller screens to watch your videos. Dark screens do not display as clearly as light themes do. A large computer monitor may (in fact it does) display dark theme better than small ones do. Besides, the brightness of a large monitor can be adjusted if it is too bright.

    • @code
      @code  Рік тому +2

      We like a good argument for light themes

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

      maybe they dont want to show the mac logo naked and white 🫥

  • @amazinglystrangemedia1133
    @amazinglystrangemedia1133 Рік тому +24

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

  • @KingSoraProductions
    @KingSoraProductions Рік тому +22

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

    • @Schwalar
      @Schwalar 4 місяці тому +6

      It asks me to choose a debugger and i have no idea what to do.. I installed some extension but now i cant figure out how to choose that extension.
      Did you figure out what to do?

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

      @@Schwalar I really don't remember anymore. Been awhile

    • @cgm8504
      @cgm8504 Місяць тому

      same

    • @NnamdiAzikiwe_keyamsha
      @NnamdiAzikiwe_keyamsha Місяць тому

      I installed JavaScript Debugger (Nightly). There's also JavaScript Debugger
      v1.92.0. After that I pressed F5 and then selected Node.js in the search at the top. All is well.

    • @NnamdiAzikiwe_keyamsha
      @NnamdiAzikiwe_keyamsha Місяць тому

      @@Schwalar yes.

  • @SportsIncorporated
    @SportsIncorporated Місяць тому

    Extremely helpful for a newbie to VSCode. And quick.

  • @congtienphan5892
    @congtienphan5892 Рік тому +1

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

  • @RobertWoodman
    @RobertWoodman Рік тому +10

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

  • @brycelobdell6232
    @brycelobdell6232 5 місяців тому +1

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

  • @mistervriesinga5887
    @mistervriesinga5887 2 роки тому +47

    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?

  • @iammikesimon
    @iammikesimon 24 дні тому +1

    great video I'm excited to use this

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

    Excellent! I have never used VS Code before. This is an excellent introduction for me. Thank you!

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

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

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

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

  • @gabreb7998
    @gabreb7998 Рік тому +4

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

  • @MagpiesTales
    @MagpiesTales 3 дні тому

    Thanks dude I started learning how to code today and was FR struggling

  • @taragraves2306
    @taragraves2306 6 місяців тому

    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.

  • @Zandor434
    @Zandor434 7 місяців тому

    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

  • @mannymorales7913
    @mannymorales7913 6 місяців тому

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

  • @marvin9839
    @marvin9839 11 місяців тому

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

  • @Rahul_Rao_001
    @Rahul_Rao_001 10 місяців тому

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

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

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

  • @clearwavepro100
    @clearwavepro100 Рік тому +6

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

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

    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.

  • @manosmorfiadakis1679
    @manosmorfiadakis1679 Рік тому +1

    SIMPLE and WELL EXPLAINED.Thank you very much

  • @marcusviniciuslealdecarval9810

    Great tutorial! Everything worked (python,html, c++) with exception to run the Java script.js I pressed F5 than a new extension opened "Extension Development Host". I would like to run directly without open this extension. How to fix this and do as tutorial?

    • @yolandamiller6870
      @yolandamiller6870 Рік тому +1

      Did you figure it out? I'm stuck here.

    • @getbacon3
      @getbacon3 8 місяців тому

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

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

    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?

  • @jefflucas_life
    @jefflucas_life Рік тому +1

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

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

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

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

  • @AbdulDanmalan
    @AbdulDanmalan Рік тому +1

    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.

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

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

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

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

    best beginner tutorial i have seen

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

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

  • @javierH
    @javierH Рік тому +1

    Best effective video I've seen. Thank you.

  • @tjmns
    @tjmns 10 місяців тому

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

  • @ayds60
    @ayds60 2 роки тому +12

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

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

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

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

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

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

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

      same here, keep asking for environments.

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

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

  • @VimalkumarChawda
    @VimalkumarChawda 7 місяців тому +3

    Why at 1:22 I am not getting OUTPUT DEBUG CONSOLE PROBLEMS TERMINAL part?

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

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

  • @MsJsmith99
    @MsJsmith99 11 місяців тому +1

    Simple and to the point. Thanks man!

  • @lanaq.476
    @lanaq.476 2 місяці тому

    Very helpful for beginners, thank you very much!

  • @NatoBoram
    @NatoBoram 6 місяців тому

    One issue with this tutorial: Don't encourage newbies to use the play button! This button depends on having the proper environment installed (node, python). Newbies will see cryptic errors when it doesn't work and will complain that "VSCode doesn't run their code", which is a bad statement since VSCode doesn't run code in the first place. A tutorial should show them to run it via the command-line first so you can confirm that the environment is setup properly first. And then show the play button.
    Another tip: you can easily hide parts of VSCode's interface! For example, in the explorer view, everything except "Folders" is useless, so showing how to disable these useless parts can be really helpful.

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

    Extremely helpful! Especially loved the information about installing extensions.

  • @sabrinahandsome8278
    @sabrinahandsome8278 2 місяці тому

    It's been years since I've used VS Code. This was the perfect refresher. Thank you!

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

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

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

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

      I am also stuck on that 😂

    • @voaa666
      @voaa666 10 місяців тому

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

    • @karimkhader2526
      @karimkhader2526 10 місяців тому

      Same problem here

    • @getbacon3
      @getbacon3 8 місяців тому

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

  • @jonassorman-hu4nl
    @jonassorman-hu4nl 8 місяців тому

    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.

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

    Thanks, Reynald. Excellent intro.

  • @jordanguerreromartinez2082
    @jordanguerreromartinez2082 2 роки тому +10

    I don't know if anyone can help but I followed this video and this did not work for me. Everything works well, but if I type code in Javascript, F5 does not execute. Does anyone know how to execute? When I do this it tells me to select a debugger such as node.js...I am new to code and quite lost. I am use to codecademy where there is a simple run button and it executes. Any help would be greatly appreciated.

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

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

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

      I haven't found it either😅@@yolandamiller6870

    • @getbacon3
      @getbacon3 8 місяців тому +1

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

    • @Charlie-j3n
      @Charlie-j3n 2 місяці тому

      @@getbacon3 I cant find where to download it, can you help?

    • @kelsbookof7943
      @kelsbookof7943 Місяць тому +1

      @@getbacon3 There are a lot of extensions when I search node.js. I don't know how to choose one?

  • @iteeshollow
    @iteeshollow Рік тому +3

    Boy when i open my folder i dont have the same view as you do, actually i couldnt even see the top menu bar across the top at all. I had to find it, by reading the pop ups as i moused across the top. I then clicked full screen mode and saw them. I dont have any of the headings on the right side like you do. 'output debug" etc I just have a list of shortcuts with the giant vsc logo above it, then right of that it says to drag a view here to display. Im really lost. I closed the app and opened it again, and now it looks more like your view, but i still dont have the 'output debug' icons in the center panel. My list in the center panel is also different, i have 'new file open file open folder'.
    Ok i see the bottom panel is the terminal, so i clicked on 'new terminal' in the top bar menu and got a similar one to your view, a little different.

  • @Tgarth99
    @Tgarth99 8 місяців тому

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

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

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

  • @mimichanakira6865
    @mimichanakira6865 Рік тому +3

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

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

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

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

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

  • @ChristopherNealBUSHIDO49ERS

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

  • @sanpat3176
    @sanpat3176 2 місяці тому

    thankyou so much this is exactly what i was looking for

  • @limario1920
    @limario1920 Місяць тому

    easy & short tutorial, thank you

  • @sirsurrell
    @sirsurrell 10 місяців тому +1

    Doing the Lord’s work! Thank you 🙏🏾

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

    Thank you for explaining this clearly.

  • @arkadiuszjandylewski152
    @arkadiuszjandylewski152 4 місяці тому +1

    2:43 Rise and shine Mr. Freeman, rise and shine!

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

    Good Morning Mr. Reynald Adolphe , thank you for helping beginners
    ModuleNotFoundError: No module named 'cv2'

  • @nancygarcia5942
    @nancygarcia5942 9 місяців тому +1

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

  • @SilenttempestZX
    @SilenttempestZX 6 місяців тому

    Very Helpful! Thanks a bunch my guy!

  • @jakes.9599
    @jakes.9599 Рік тому +2

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

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

    Thank you, helped with understanding necessary tools to employ.

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

    Short and Sweet! Great Work

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

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

  • @kadiyalabharath5185
    @kadiyalabharath5185 Рік тому +4

    Love you man
    Your video was simple and cute
    Im trying to find out the best way to start VScode for beginners
    But im not getting the output while im pressing F5 key. Some popup is coming "Select Dugger"

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

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

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

    Exactly what I needed, thank you so much :)

  • @CharlesMirco
    @CharlesMirco 3 місяці тому

    Lovely introduction vid👍

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

    Woah I started with normal python. Never knew this existed

  • @mutantcar
    @mutantcar 3 місяці тому +5

    mine doesn't run when I hit F5. I get the run and debug window, but it doesn't run? I get a box at the top that says Select Debugger - list of node.js, VS Code extension debugger, Web App Chrome, Web App Edge.

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

    Thanks a lot this video has the basics for beginners like me.

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

    Great intro to VS Code

  • @mamo385
    @mamo385 Місяць тому +1

    Thank you

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

    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