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
Start a high paying tech career making $60k+/year with NO DEBT: coursecareers.com/a/techwithtim
@dulguunshallot1018
10 ай бұрын
how do i solve y=4*x^2-3*x+5 in js in terminal
@musiczoo4537
7 ай бұрын
60k aint even average earning
@fluffydream1127
5 ай бұрын
Me lol
I'm here thanks to The Odin Project, learning a lot c:
@MarcoYoi-dd3db
14 күн бұрын
yep
@mikescardiaries
13 күн бұрын
Amen! How's it going so far! Just started back after nearly 2 years off :(
@shade0636
5 күн бұрын
@@mikescardiaries How is it going for you 8 days later?
@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.
whos here from Odin Project
@ivan_9386
Жыл бұрын
Lets gooo
@husseinomran1021
Жыл бұрын
Yep
@saadhabashneh5587
Жыл бұрын
👶
@caseynix6726
Жыл бұрын
I am!
@sumitsingh-ng7dp
Жыл бұрын
Yesssss🌼
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!
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!!
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!
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.
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! 😊
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.
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!
Dude your video was the first one I watched that really taught how you start a project from the beginning! Thanks a lot
@stephenmuhandia
3 ай бұрын
me too
i have been using vs code for a long time but didnt know these many features are there !! Thank u tim !!!!!!!!!!!
We are The Odin Project and we are here!! 🗿
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!
Beginner here. I absolutely love this video. Thank you so much for making it. You made a new subscriber out of me.
i havent seen a better video that explains the whole prgramm, made it easy to start out thanks allot
Great video Tim, thanks for taking the time to make it.
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.
Thanks buddy for this very useful and clear tutorial. Keep up the good work!!
Thanks for putting this together! I am enjoying VS Code.
very useful! this was a great way to introduce visual studios' code!
Eaxctly, I installed VS Code last week. Was not getting the time to set it up. Now i'll follow these step by step.
Thank you, I'm new to working in the VSCode but I've learned a little about how to go about it.
I was looking for this thanks Tim
this was really good thank you. other instructionals I have watched were not nearly as clear.
Thank you for the tut. It really came in handy for me.
I was PFE then NP++ and recently VSCode - is like a palace. Glued to the cv2 series, cheers :)
Thank you so much! i know close to nothing abt computers and this relly helped
YES!!, i needed this, thank you man
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.
Thanks a lot for this. It helped me so much being a newbie.
very comprehensive and useful. appreciated it
Literally the best coding channel ever, Love your vids sooooo much, Can you please give us an import file for your settings PLEASE
Thanks I was looking for this😀
Really wanted this video and you have maded it . Thank you ♥️
@yoyopiyoyopi
3 жыл бұрын
'maded it' LOL
This video was fabulous!! So much better than the Microsoft videos I first viewed. Thank you so much!! (I am new to coding.)
thanks! For covering topics I need 🙌
Excited to color the code!
Thanks for this very useful video, even if i have been using VSC for 2 years i didn't know all this tricks ! :)
@TechWithTim
3 жыл бұрын
You're very welcome!
My favorite code editor.
Filled in some gaps for me - thank you!
You are a mind reader. You know what I need.
Awesome I was searching for this vedios thanks!!
Thank you for this. Learned a lot from this.
thank you i had started to learn python but i was having trouble with vs code so thanks again
Solid video. A lot of companies are using VSCode to do a lot of their work. Highly recommend everyone to learn it.
@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.
Excellent video once again!
Favourite extensions!
This helped a lot! Thank you!!!
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
2 жыл бұрын
IDE = integrated development environment, basically a text editor designed specifically for coding
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?
Love your videos Tim, you are the best Brother...
what a great video, thx for your effort
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!
Very helpful. Thanks!
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?
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
Very useful. Thanks!
Nice teaching. Impressive teaching skills.
Always amazing Tim
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?
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.
Very good teaching , subscribed
Hey Tim, I would love to know your top favorite extensions for Python development and data science
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.
Thank you very much for your content
I Needed this :)
great information well done.
Thanks for the tutorial dud3.
Thank you bro ❤️
Thank you man.
Very useful content!!
thank you sir for sharing knowledge
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?
Best one I've used
I don't know how I discovered vscode at the start but I stumbled upon a masterpeice
Excellent Thanks
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
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!
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?
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?
thanks Tim!
Thanks for this information
@wild7claw
Жыл бұрын
you too
please make video on your fav. extensions
Thanks for this
Merci de France pour The Odin Project !!
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
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..
How do I get that welcome screen back without having to close the app completely down?
Thank you!
Thank you so much
thank you so muhc! from TOD!
Ask me a question. Is it possible to directly edit code that is hosted on a domain?
Love ur videos
I am literally setting it up as we speak, check my phone and boom. That's scary my man.
@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
3 жыл бұрын
@@This_Is_Not_My_Username shhhhhh
@Param3021
3 жыл бұрын
@@TechWithTim XD
great, thanks !
What font do you use so the "def" looks like it lookes in your codes?
Could you explain the ursina engine or have a tutorial series about it
Thank you you have saved me with the hep at 4:40
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