VSCode Tutorial For Beginners - Getting Started With VSCode

Поделиться
HTML-код
  • Опубликовано: 29 май 2024
  • In this VSCode tutorial for beginners I'll be showing you everything you need to know as a beginner about how to use Visual Studio Code! I'll be demonstrating all of the important functionality of VSCode that you need to know to be as efficient as possible. This tutorial is designed for someone who's never used VSCode before, but is still informational for novice users.
    💻 AlgoExpert is the coding interview prep platform that I used to ace my Microsoft and Shopify interviews. Check it out and get a discount on the platform using the code "techwithtim" algoexpert.io/techwithtim
    📄 Resources
    Download VsCode: code.visualstudio.com/
    Debugger Tutorial: • How to Use a Debugger ...
    Django & React Full Stack Web App: • Django & React Tutoria...
    ⭐️ Timestamps ⭐️
    00:00 | Introduction To VSCode
    02:25 | Opening & Creating Project
    04:40 | File/Project Explorer
    06:05 | VSCode Terminal
    08:47 | Full-Screen Mode
    09:15 | Extensions
    10:58 | Searching / Find & Replace
    12:53 | Editor Tricks and Tips
    15:35 | Changing Color Preference/Theme
    17:25 | File Finder
    17:46 | Settings & Font Size
    18:20 | Running/Executing Files
    19:10 | Git/GitHub Tools
    20:34 | Debugging
    21:59 | Zen Mode and Other Features
    ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
    💰 Courses & Merch 💰
    💻 The Fundamentals of Programming w/ Python: tech-with-tim.teachable.com/p...
    👕 Merchandise: teespring.com/stores/tech-wit...
    🔗 Social Medias 🔗
    📸 Instagram: / tech_with_tim
    📱 Twitter: / techwithtimm
    ⭐ Discord: / discord
    📝 LinkedIn: / tim-ruscica-82631b179
    🌎 Website: techwithtim.net
    📂 GitHub: github.com/techwithtim
    🔊 Podcast: anchor.fm/tech-with-tim
    🎬 My RUclips Gear 🎬
    🎥 Main Camera (EOS Canon 90D): amzn.to/3cY23y9
    🎥 Secondary Camera (Panasonic Lumix G7): amzn.to/3fl2iEV
    📹 Main Lens (EFS 24mm f/2.8): amzn.to/2Yuol5r
    🕹 Tripod: amzn.to/3hpSprv
    🎤 Main Microphone (Rode NT1): amzn.to/2HrZxXc
    🎤 Secondary Microphone (Synco Wireless Lapel System): amzn.to/3e07Swl
    🎤 Third Microphone (Rode NTG4+): amzn.to/3oi0v8Z
    ☀️ Lights: amzn.to/2ApeiXr
    ⌨ Keyboard (Daskeyboard 4Q): amzn.to/2YpN5vm
    🖱 Mouse (Logitech MX Master): amzn.to/2HsmRDN
    📸 Webcam (Logitech 1080p Pro): amzn.to/2B2IXcQ
    📢 Speaker (Beats Pill): amzn.to/2XYc5ef
    🎧 Headphones (Bose Quiet Comfort 35): amzn.to/2MWbl3e
    🌞 Lamp (BenQ E-reading Lamp): amzn.to/3e0UCr8
    🌞 Secondary Lamp (BenQ Screenbar Plus): amzn.to/30Dtafi
    💻 Monitor (BenQ EX2780Q): amzn.to/2HsmUPZ
    💻 Monitor (LG Ultrawide 34WN750): amzn.to/3dSD7tS
    🎙 Mic Boom Arm (Rode PSA 1): amzn.to/30EZw9m
    🎚 Audio Interface (Focusrite Scarlet 4i4): amzn.to/2TjXsih
    💸 Donations 💸
    💵 One-Time Donations: www.paypal.com/donate?hosted_...
    💰 Patreon: / techwithtim
    ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
    ⭐️ Tags ⭐️
    - Visual Studio Code
    - Windows applications
    - VSCode terminal
    - File Finder VSCode
    - Zen mode
    - Debugging
    ⭐️ Hashtags ⭐️
    #VSCode #VisualStudio #Beginners

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

  • @TechWithTim
    @TechWithTim  8 месяцев назад +3

    Start a high paying tech career making $60k+/year with NO DEBT: coursecareers.com/a/techwithtim

  • @iloveumyisis
    @iloveumyisis Год назад +57

    I'm here thanks to The Odin Project, learning a lot c:

  • @A-Karim2003
    @A-Karim2003 Год назад +315

    whos here from Odin Project

  • @Clarin3t1
    @Clarin3t1 Год назад +64

    Thank you for this so much! I am a CS major but unlike many of my peers I have no prior experience. My school used NetBeans for programming I and II Java, so when I needed to figure out VSC for other languages and projects I was embarrassingly lost and the classes did not explain this editor, which is very different. This has actually helped a bit!!

  • @glorygaming9181
    @glorygaming9181 3 года назад +23

    Honestly one of the best youtubers out there really teaching self taught people and college students stuff their own teachers wont even teach properly! Thank you tim!

  • @john_hind
    @john_hind 3 года назад +43

    Very useful Tim - I was struggling with getting Git to work in VSCode and this got me there! It is hard to find a beginners tutorial that is recent and that is important given how fast VSCode moves. I'm afraid you'll need to update it at least twice a year to keep current.
    One suggestion though: for a beginners tutorial you should start with a fresh install. You have a number of extensions installed and you cover some features from them which a beginner will not see as they do not have those extensions. You could take them through installing the extensions you use when they first come up.
    I am transitioning from just using VSCode as a code editor to using it as a full IDE, so I am kind of a beginner with stuff like Git, debugger and Docker. The thing that confused me with Git was that I had my Git account logged in to VSCode, working in the browser and even open in Git Desktop but VS Code still said 'waiting for extension to initialize' on all the UI elements to do with Git. I had not realized you ALSO need 'Git for Windows' installed! VSCode and Git could be a lot more helpful about this!

  • @jackscalibur
    @jackscalibur 2 года назад +6

    Thanks Tim! This was immensely helpful. I'm trying to break from my IDEs and strictly use VS Code as much as I can, but have always felt the comfort of my IDE doing everything for me.

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

    I have been using atom but switched to VSCode after following your video on build a website with python. So far it has been less buggy and faster. Looking forward to watching this tutorial! 😊

  • @mananabanana
    @mananabanana 3 года назад +5

    Great video Tim! Would love to see a video about your favourite VS Code extensions and also one about how to set up a custom terminal, like the conda terminal you had.

  • @Rafael-wi5rd
    @Rafael-wi5rd 3 года назад +9

    Dude your video was the first one I watched that really taught how you start a project from the beginning! Thanks a lot

  • @WiiAsian
    @WiiAsian 11 месяцев назад

    Thanks for giving a brief rundown! I'm completely new to all of this, but now I feel like I can somewhat navigate my way around!

  • @merajalam9958
    @merajalam9958 8 месяцев назад +4

    We are The Odin Project and we are here!! 🗿

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

    i have been using vs code for a long time but didnt know these many features are there !! Thank u tim !!!!!!!!!!!

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

    Tim - great video- subscribed immediately! new in programming and this is very helpful to find one stop shopping editor for all programs.
    would love to see more videos on PowerShell and prompt command as they are very intimidating. Also Jupiter tutorial!
    THANKS again!

  • @thebuggser2752
    @thebuggser2752 8 месяцев назад

    A very useful tutorial.Quite possibly perfect for someone familiar with another text editor and wants to quickly get started using a good part of VSCode's functionality.

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

    Eaxctly, I installed VS Code last week. Was not getting the time to set it up. Now i'll follow these step by step.

  • @199ALLSTAR
    @199ALLSTAR 8 месяцев назад

    Beginner here. I absolutely love this video. Thank you so much for making it. You made a new subscriber out of me.

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

    I was PFE then NP++ and recently VSCode - is like a palace. Glued to the cv2 series, cheers :)

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

    Great video Tim, thanks for taking the time to make it.

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

    Thank you, I'm new to working in the VSCode but I've learned a little about how to go about it.

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

    Thanks for putting this together! I am enjoying VS Code.

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

    Thanks buddy for this very useful and clear tutorial. Keep up the good work!!

  • @justmejammin
    @justmejammin 2 года назад +39

    You know Tim, I love and appreciate your vids. But I think you get excited or feel time restraint sometimes in presentation and speed up(unknowingly) and are hard to follow. IMHO only. But again, thanks for the time and info you provide. It is invaluable to those trying to learn this stuff, like me.

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

    i havent seen a better video that explains the whole prgramm, made it easy to start out thanks allot

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

    this was really good thank you. other instructionals I have watched were not nearly as clear.

  • @kumaramit76
    @kumaramit76 2 года назад +1

    Literally the best coding channel ever, Love your vids sooooo much, Can you please give us an import file for your settings PLEASE

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

    very useful! this was a great way to introduce visual studios' code!

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

    I was looking for this thanks Tim

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

    very comprehensive and useful. appreciated it

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

    Thank you for the tut. It really came in handy for me.

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

    Thank you so much! i know close to nothing abt computers and this relly helped

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

    YES!!, i needed this, thank you man

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

    Thanks a lot for this. It helped me so much being a newbie.

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

    Solid video. A lot of companies are using VSCode to do a lot of their work. Highly recommend everyone to learn it.

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

      Visual studio code is the most overhyped software out there. It’s just a text editor, nothing more. Too difficult for beginners and advanced developers should be using an IDE. People just following the crowd, we’ve had text editors for years. This is nothing special.

  • @markgerber8419
    @markgerber8419 Месяц назад

    Thank you for this. Learned a lot from this.

  • @user-tb1wb1yt4u
    @user-tb1wb1yt4u Месяц назад

    This video was fabulous!! So much better than the Microsoft videos I first viewed. Thank you so much!! (I am new to coding.)

  • @aniketp.7523
    @aniketp.7523 3 года назад

    thanks! For covering topics I need 🙌

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

    Thank you. In response to the extensions question you posed - a video would be really nice (unless you already have one and I have missed it :)). A question on my mind related to this - when you typed e.g. "prettier" you got many potential hits. How do you navigate among what, at least to me, seemed like identical choices?

  • @meganlafleur1781
    @meganlafleur1781 2 года назад +1

    Super helpful1 Thanks so much. One thing I have noticed with these tutorials though is that terms like "IDE" are thrown around a good bit for videos marked as "for beginners". It may be helpful to provide a quick definition when using acronyms!

    • @MegaMetal96
      @MegaMetal96 2 года назад +1

      IDE = integrated development environment, basically a text editor designed specifically for coding

  • @jenskapmeyer2579
    @jenskapmeyer2579 2 года назад +2

    Nice video thanks. When you opened projects, like in minute 11 and 18, you might have shown us how you did it instead of pausing the recording.

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

    Really wanted this video and you have maded it . Thank you ♥️

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

    Thanks I was looking for this😀

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

    Thanks for this very useful video, even if i have been using VSC for 2 years i didn't know all this tricks ! :)

  • @n.aadityaa3583
    @n.aadityaa3583 3 года назад

    Awesome I was searching for this vedios thanks!!

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

    thank you i had started to learn python but i was having trouble with vs code so thanks again

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

    Filled in some gaps for me - thank you!

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

    You are a mind reader. You know what I need.

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

    My favorite code editor.

  • @001vgupta
    @001vgupta 2 года назад

    Nice teaching. Impressive teaching skills.

  • @Sunnyexmas
    @Sunnyexmas 7 месяцев назад

    This helped a lot! Thank you!!!

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

    Love your videos Tim, you are the best Brother...

  • @peterquinn-jacobs7922
    @peterquinn-jacobs7922 2 года назад

    Very helpful. Thanks!

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

    Favourite extensions!

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

    Excellent video once again!

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

    what a great video, thx for your effort

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

    Looking forward to vscode with vim

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

    Very useful. Thanks!

  • @Mohamed-ld1jk
    @Mohamed-ld1jk Год назад

    On Mac, the shortcut to Fullscreen is CTRL+CMD+F

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

    Excited to color the code!

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

    Always amazing Tim

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

    please make video on your fav. extensions

  • @RaulCPena
    @RaulCPena 3 года назад +13

    Hey Tim, I would love to know your top favorite extensions for Python development and data science

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

    that was nice, simple and directed explanations. Thx. for the video.
    I work on the main frame and use Cobol/Db2. Would you happen to know how the debugger is setup for this?

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

    I am literally setting it up as we speak, check my phone and boom. That's scary my man.

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

      Pretty sure he is a master hacker that when you comment on his videos, it downloads a sleek script onto your computer that runs in the background and sends him the thoughts you have in your brain. Downloaded VS Code about a week ago sooo

    • @TechWithTim
      @TechWithTim  3 года назад +17

      @@This_Is_Not_My_Username shhhhhh

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

      @@TechWithTim XD

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

    Thank you very much for your content

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

    Very good teaching , subscribed

  • @MinkailuH.SMambu-vv7kn
    @MinkailuH.SMambu-vv7kn 6 месяцев назад

    thank you sir for sharing knowledge

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

    You can open the terminal with CTRL+J aswell

  • @Hakeem357
    @Hakeem357 2 месяца назад

    Excellent
    Thanks

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

    great information well done.

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

    I Needed this :)

  • @michaeledmeston2785
    @michaeledmeston2785 11 месяцев назад

    Awesome video for a beginner. Helped a lot. Do you have a video on how to simplify the output by altering the code (i.e terminalConsole etc)? I'm trying but having not luck... or point me in the right direction? Thanks!

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

    Hey Tim, thanks for this! My VS Code (Mac) has an issue where it randomly stops typing/editing text. The keyboard is responsive otherwise. Both my mac and VS code are updated. I closed everything (fully quit) & the issue is still there. People have suggested clearing cache or going into the environment but I can't locate it. Any tips?

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

    I am trying to learn vs code, learning a lot from videos like yours . Thank you for that. I do have a question, when you have misspelled words, will your code show the error?

  • @kingntsakofifa956
    @kingntsakofifa956 2 месяца назад

    Thank you bro ❤️

  • @yolkyhorizon
    @yolkyhorizon 11 месяцев назад

    I don't know how I discovered vscode at the start but I stumbled upon a masterpeice

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

    For those using a Mac, the keyboard shortcut for replace is [CMD + Option + F]. Just thought I'd share because it wasn't explained in the video.

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

    Thank you man.

  • @Mohamed-ld1jk
    @Mohamed-ld1jk Год назад

    On Mac, Open Extensions by CMD+SHIFT+X

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

    Very useful content!!

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

    Video on extensions, please - and thank you.

  • @zeitreisender2023
    @zeitreisender2023 7 месяцев назад

    Thank you!

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

    The file manager for Ubuntu is Nautilus btw

  • @kimaw_wy
    @kimaw_wy 2 дня назад

    here from The Odin Project 💪🏼

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

    Thanks for the tutorial dud3.

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

    Please make the video about extensions and also make github introduction/tutorial pls ❤️❤️

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

    Thank you so much

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

    Could you explain the ursina engine or have a tutorial series about it

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

    Best one I've used

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

    Hi, may I know what is the small text right navigation panel on your vscode called? Seems it helps navigate long codes. I searched similar thing but I couldn't find it. Thanks.

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

    Thanks for this

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

    Thanks for this information

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

    anyone know how to change the colours of data types like string, int in VS Code? For ex not feeling the default green for int and doubles, I prefer to change to purple. Any way to customize colours? Also noticed strings are a very light yellow and I prefer the dark yellow as I'm coming from the VS Community world and just trying VS Code for the first time lol. I looked in Settings for Text Editor and went thru all the options and there was no custom colour based on data types setting

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

    Tysm for This Vidio ❤️

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

    Great video! Does anyone know how to add search paths in vs code? I would love to know how to add my source folder to vs code paths to clean up imports

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

    great, thanks !

  • @Mohamed-ld1jk
    @Mohamed-ld1jk Год назад

    On Macs, Command palette open with CMD+Shift+P

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

    Love ur videos

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

    If I wanted to use the localhost 127.0.0 Live Server to create some code, can I still access Firebase as a backend storage method to interact with the code on my VSC localhost?

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

    thank you bro