VSCode Tutorial For Beginners - Getting Started With VSCode

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

Пікірлер: 433

  • @TechWithTim
    @TechWithTim10 ай бұрын

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

  • @dulguunshallot1018

    @dulguunshallot1018

    10 ай бұрын

    how do i solve y=4*x^2-3*x+5 in js in terminal

  • @musiczoo4537

    @musiczoo4537

    7 ай бұрын

    60k aint even average earning

  • @fluffydream1127

    @fluffydream1127

    5 ай бұрын

    Me lol

  • @iloveumyisis
    @iloveumyisis Жыл бұрын

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

  • @MarcoYoi-dd3db

    @MarcoYoi-dd3db

    14 күн бұрын

    yep

  • @mikescardiaries

    @mikescardiaries

    13 күн бұрын

    Amen! How's it going so far! Just started back after nearly 2 years off :(

  • @shade0636

    @shade0636

    5 күн бұрын

    @@mikescardiaries How is it going for you 8 days later?

  • @mikescardiaries

    @mikescardiaries

    5 күн бұрын

    @@shade0636 Well...truth be told, I tossed in a last-minute application to go back to uni for Computer Science and have been accepted! I don't personally think that The Odin Project is enough on its own anymore. Even if you do get a job from it, I feel like your income will always be held back by a lack of a proper degree, unless you start your own business, ofc.

  • @A-Karim2003
    @A-Karim2003 Жыл бұрын

    whos here from Odin Project

  • @ivan_9386

    @ivan_9386

    Жыл бұрын

    Lets gooo

  • @husseinomran1021

    @husseinomran1021

    Жыл бұрын

    Yep

  • @saadhabashneh5587

    @saadhabashneh5587

    Жыл бұрын

    👶

  • @caseynix6726

    @caseynix6726

    Жыл бұрын

    I am!

  • @sumitsingh-ng7dp

    @sumitsingh-ng7dp

    Жыл бұрын

    Yesssss🌼

  • @glorygaming9181
    @glorygaming91813 жыл бұрын

    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!

  • @Clarin3t1
    @Clarin3t1 Жыл бұрын

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

  • @john_hind
    @john_hind3 жыл бұрын

    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
    @jackscalibur2 жыл бұрын

    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
    @shruhi1233 жыл бұрын

    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
    @mananabanana3 жыл бұрын

    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.

  • @WiiAsian
    @WiiAsian Жыл бұрын

    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!

  • @Rafael-wi5rd
    @Rafael-wi5rd3 жыл бұрын

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

  • @stephenmuhandia

    @stephenmuhandia

    3 ай бұрын

    me too

  • @vikranth3924
    @vikranth39243 жыл бұрын

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

  • @merajalam9958
    @merajalam995810 ай бұрын

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

  • @agermoune
    @agermoune3 жыл бұрын

    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!

  • @199ALLSTAR
    @199ALLSTAR11 ай бұрын

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

  • @imrez2678
    @imrez2678 Жыл бұрын

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

  • @bruce2357
    @bruce2357 Жыл бұрын

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

  • @thebuggser2752
    @thebuggser275210 ай бұрын

    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.

  • @FCBreports
    @FCBreports2 жыл бұрын

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

  • @tracysaunders6710
    @tracysaunders67102 жыл бұрын

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

  • @bananajoe5315
    @bananajoe53152 жыл бұрын

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

  • @shounaksengupta2154
    @shounaksengupta21543 жыл бұрын

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

  • @rhyswilbrathwaite4839
    @rhyswilbrathwaite4839 Жыл бұрын

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

  • @jitendratiwari6886
    @jitendratiwari68863 жыл бұрын

    I was looking for this thanks Tim

  • @jedsanford7879
    @jedsanford7879 Жыл бұрын

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

  • @chimanwokoro
    @chimanwokoro3 жыл бұрын

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

  • @IntrabuildV
    @IntrabuildV3 жыл бұрын

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

  • @lululegende
    @lululegende Жыл бұрын

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

  • @mariangalua9623
    @mariangalua96233 жыл бұрын

    YES!!, i needed this, thank you man

  • @justmejammin
    @justmejammin2 жыл бұрын

    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.

  • @eshet_elohim
    @eshet_elohim2 жыл бұрын

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

  • @laughingpanda95
    @laughingpanda95 Жыл бұрын

    very comprehensive and useful. appreciated it

  • @kumaramit76
    @kumaramit763 жыл бұрын

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

  • @nerthus7
    @nerthus73 жыл бұрын

    Thanks I was looking for this😀

  • @Param3021
    @Param30213 жыл бұрын

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

  • @yoyopiyoyopi

    @yoyopiyoyopi

    3 жыл бұрын

    'maded it' LOL

  • @user-tb1wb1yt4u
    @user-tb1wb1yt4u3 ай бұрын

    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.75233 жыл бұрын

    thanks! For covering topics I need 🙌

  • @Megantuano
    @Megantuano2 жыл бұрын

    Excited to color the code!

  • @matmatou907
    @matmatou9073 жыл бұрын

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

  • @TechWithTim

    @TechWithTim

    3 жыл бұрын

    You're very welcome!

  • @videokriitikko5509
    @videokriitikko55093 жыл бұрын

    My favorite code editor.

  • @clintwolf5737
    @clintwolf5737 Жыл бұрын

    Filled in some gaps for me - thank you!

  • @iamakifislam
    @iamakifislam3 жыл бұрын

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

  • @n.aadityaa3583
    @n.aadityaa35833 жыл бұрын

    Awesome I was searching for this vedios thanks!!

  • @markgerber8419
    @markgerber84193 ай бұрын

    Thank you for this. Learned a lot from this.

  • @syedhassanhabib9317
    @syedhassanhabib93172 жыл бұрын

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

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

  • @maximillianramirez1189
    @maximillianramirez1189 Жыл бұрын

    Excellent video once again!

  • @Erodrigufer
    @Erodrigufer3 жыл бұрын

    Favourite extensions!

  • @Sunnyexmas
    @Sunnyexmas9 ай бұрын

    This helped a lot! Thank you!!!

  • @meganlafleur1781
    @meganlafleur17812 жыл бұрын

    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 жыл бұрын

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

  • @alexanderstamov2237
    @alexanderstamov22373 жыл бұрын

    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?

  • @pimpwiththis8885
    @pimpwiththis88852 жыл бұрын

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

  • @alboys3320
    @alboys3320 Жыл бұрын

    what a great video, thx for your effort

  • @floade6271
    @floade627113 күн бұрын

    Wow! After watching this video, I wanted to subscribe and realised the name is familiar. In order to be double sure, I clicked the avatar and realise it is the same Don. Thank you!

  • @peterquinn-jacobs7922
    @peterquinn-jacobs79222 жыл бұрын

    Very helpful. Thanks!

  • @TheAnamZee
    @TheAnamZee3 жыл бұрын

    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?

  • @CheckmateStallioN
    @CheckmateStallioN3 жыл бұрын

    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

  • @miguelescutia329
    @miguelescutia3292 жыл бұрын

    Very useful. Thanks!

  • @001vgupta
    @001vgupta2 жыл бұрын

    Nice teaching. Impressive teaching skills.

  • @utibeabasiumanah
    @utibeabasiumanah3 жыл бұрын

    Always amazing Tim

  • @mrCetus
    @mrCetus2 жыл бұрын

    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?

  • @jenskapmeyer2579
    @jenskapmeyer25792 жыл бұрын

    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.

  • @yrysf777
    @yrysf7772 жыл бұрын

    Very good teaching , subscribed

  • @RaulCPena
    @RaulCPena3 жыл бұрын

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

  • @waiyanleung5199
    @waiyanleung51993 жыл бұрын

    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.

  • @timothyguscoth490
    @timothyguscoth4907 ай бұрын

    Thank you very much for your content

  • @higgiemosstheprophetsincer5982
    @higgiemosstheprophetsincer59823 жыл бұрын

    I Needed this :)

  • @dhowe1a
    @dhowe1a Жыл бұрын

    great information well done.

  • @kawwedha4006
    @kawwedha40063 жыл бұрын

    Thanks for the tutorial dud3.

  • @kingntsakofifa956
    @kingntsakofifa9564 ай бұрын

    Thank you bro ❤️

  • @solarsequitor7374
    @solarsequitor73743 жыл бұрын

    Thank you man.

  • @camillezogotamou58
    @camillezogotamou58 Жыл бұрын

    Very useful content!!

  • @MinkailuH.SMambu-vv7kn
    @MinkailuH.SMambu-vv7kn8 ай бұрын

    thank you sir for sharing knowledge

  • @Martin958
    @Martin9583 жыл бұрын

    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?

  • @El_Bartto
    @El_Bartto2 жыл бұрын

    Best one I've used

  • @yolkyhorizon
    @yolkyhorizon Жыл бұрын

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

  • @Hakeem357
    @Hakeem3574 ай бұрын

    Excellent Thanks

  • @sebastiancartwheel6326
    @sebastiancartwheel6326 Жыл бұрын

    quick question that i m struggling with is that how do you get those 7 options on the left hand side where you can access stuff much easier because for some reason I did something to where its not there. Ive tried looking up videos but cant find a solution. For the past day or two i had to go to "view" and pick "extensions" instead of clicking it on the left. Thank you

  • @michaeledmeston2785
    @michaeledmeston2785 Жыл бұрын

    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!

  • @gregoryfenn1462
    @gregoryfenn1462 Жыл бұрын

    VSCode doesn't seem to understand Gnu attributes in C, it complains about bad syntax for things like typesef structs with an __attribute__((aligned)) tag. This error seems to progate out to other variables which is false says are undefined (even though it can find their declaration or definiton successfully). Is there a workaround for this bug?

  • @tonya3570
    @tonya35702 жыл бұрын

    is there a way to automatically run python files, in main terminal or vsc's terminal by just saving the file in vsc and seeing it in terminal rather then re-enteribg python3 (file)/ while in split screen?

  • @ziyad7780
    @ziyad77802 жыл бұрын

    thanks Tim!

  • @VincyBlessed
    @VincyBlessed Жыл бұрын

    Thanks for this information

  • @wild7claw

    @wild7claw

    Жыл бұрын

    you too

  • @Param3021
    @Param30213 жыл бұрын

    please make video on your fav. extensions

  • @Bronoulli
    @Bronoulli Жыл бұрын

    Thanks for this

  • @bobbiebernard983
    @bobbiebernard983Ай бұрын

    Merci de France pour The Odin Project !!

  • @bontertiustuyishimire7140
    @bontertiustuyishimire71403 жыл бұрын

    Hello @Tech_With_Tim i have a question about debugging when i try to Run and Debug with debug configuration: Python file they show me "The Python path in your debug configuration is invalid source: Python(Extension) Open launch.json" how can i resolve that

  • @jespero94
    @jespero94 Жыл бұрын

    so if i make a change in my .c file, lets say i just do hello world and i run it It will say hello world just as your video does Then i want to change world to lets say "tom", i change and do ctrl+s but when i type ./hello (to run my file) it still says hello world and not hello Tom how can i save the change i have made in the terminal? i dont want to press the play button all the time just to save the file.. hope you understand what i mean. this drives me crazy in the cs50 video im watching he types "make hello" to make the change but this does not work for me..

  • @Dillinger86
    @Dillinger863 жыл бұрын

    How do I get that welcome screen back without having to close the app completely down?

  • @etfdao635
    @etfdao635 Жыл бұрын

    Thank you!

  • @alhajuzair2719
    @alhajuzair2719 Жыл бұрын

    Thank you so much

  • @bedribulut
    @bedribulut Жыл бұрын

    thank you so muhc! from TOD!

  • @ccturviagenseturismo8535
    @ccturviagenseturismo85353 жыл бұрын

    Ask me a question. Is it possible to directly edit code that is hosted on a domain?

  • @KINGABDUL99
    @KINGABDUL99 Жыл бұрын

    Love ur videos

  • @xRemidy
    @xRemidy3 жыл бұрын

    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 жыл бұрын

    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 жыл бұрын

    @@This_Is_Not_My_Username shhhhhh

  • @Param3021

    @Param3021

    3 жыл бұрын

    @@TechWithTim XD

  • @jefgb698
    @jefgb6982 жыл бұрын

    great, thanks !

  • @aaviiv
    @aaviiv2 жыл бұрын

    What font do you use so the "def" looks like it lookes in your codes?

  • @ananthramvijayaraj4554
    @ananthramvijayaraj45543 жыл бұрын

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

  • @luvmyrugratsable
    @luvmyrugratsable2 жыл бұрын

    Thank you you have saved me with the hep at 4:40

  • @btkb1427
    @btkb14272 жыл бұрын

    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