VSCode Tutorial For Beginners - Getting Started With VSCode
Vložit
- čas přidán 22. 07. 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 CZcams 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
Start a high paying tech career making $60k+/year with NO DEBT: coursecareers.com/a/techwithtim
how do i solve y=4*x^2-3*x+5 in js in terminal
60k aint even average earning
Me lol
I'm here thanks to The Odin Project, learning a lot c:
yep
Amen! How's it going so far! Just started back after nearly 2 years off :(
whos here from Odin Project
Lets gooo
Yep
👶
I am!
Yesssss🌼
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!!
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!
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.
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!
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! 😊
i have been using vs code for a long time but didnt know these many features are there !! Thank u tim !!!!!!!!!!!
Beginner here. I absolutely love this video. Thank you so much for making it. You made a new subscriber out of me.
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
me too
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.
Eaxctly, I installed VS Code last week. Was not getting the time to set it up. Now i'll follow these step by step.
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.
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!
i havent seen a better video that explains the whole prgramm, made it easy to start out thanks allot
I was PFE then NP++ and recently VSCode - is like a palace. Glued to the cv2 series, cheers :)
Thank you, I'm new to working in the VSCode but I've learned a little about how to go about it.
Solid video. A lot of companies are using VSCode to do a lot of their work. Highly recommend everyone to learn it.
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.
This video was fabulous!! So much better than the Microsoft videos I first viewed. Thank you so much!! (I am new to coding.)
Great video Tim, thanks for taking the time to make it.
Thanks for putting this together! I am enjoying VS Code.
Literally the best coding channel ever, Love your vids sooooo much, Can you please give us an import file for your settings PLEASE
Thanks buddy for this very useful and clear tutorial. Keep up the good work!!
this was really good thank you. other instructionals I have watched were not nearly as clear.
What VSCode theme do you use?!
One dark pro it is sublime's theme i think
I use the default vscode theme. As somebody who is blind, I don’t really need to change the colors and the default theme gives accessibility for all.
Night blue
Shades of Purple 🔥
@@and_rotate69 one dark pro is Atom's default theme
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?
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.
Thank you so much! i know close to nothing abt computers and this relly helped
very useful! this was a great way to introduce visual studios' code!
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!
thank you i had started to learn python but i was having trouble with vs code so thanks again
I was looking for this thanks Tim
Thanks for this very useful video, even if i have been using VSC for 2 years i didn't know all this tricks ! :)
You're very welcome!
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?
Thanks a lot for this. It helped me so much being a newbie.
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!
IDE = integrated development environment, basically a text editor designed specifically for coding
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
My favorite code editor.
YES!!, i needed this, thank you man
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.
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?
Filled in some gaps for me - thank you!
very comprehensive and useful. appreciated it
I don't know how I discovered vscode at the start but I stumbled upon a masterpeice
Thank you for the tut. It really came in handy for me.
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 for this. Learned a lot from this.
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?
thanks! For covering topics I need 🙌
You are a mind reader. You know what I need.
Excited to color the code!
How do I get that welcome screen back without having to close the app completely down?
Excellent video once again!
Awesome I was searching for this vedios thanks!!
What font do you use so the "def" looks like it lookes in your codes?
I don't see the run button in the right corner, how do i get it? Like that green where it runs the code. Please help!
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?
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
Really wanted this video and you have maded it . Thank you ♥️
'maded it' LOL
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
Here from Odin project but I am running VS code in WSL so when I open a folder, I see Linux directories
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!
Thanks I was looking for this😀
Love your videos Tim, you are the best Brother...
Please help how do i start a new project with a new console and all if i already created a folder
Favourite extensions!
Nice teaching. Impressive teaching skills.
how can i make parentheses fill automatically when in type "print" or to make the "self" on a method also appear automatically?
Could you explain the ursina engine or have a tutorial series about it
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
im having issues with compiling my code, when we typed print('hello world'). it says that a invalid python interpreter is selected. Im not sure what to do, ive tried everything and nothing works.
Ask me a question. Is it possible to directly edit code that is hosted on a domain?
Im giving my first steps with some SQL on VSCode. My code is always highlighted, like I had selected it all with the cursor. Why is that so? How could I change it?
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?
Very helpful. Thanks!
This helped a lot! Thank you!!!
Does anyone have any idea as to why VS Code doesn't want to run my C# programs? There is no run button anywhere like at 18:45. I've tried the Run Without Debugging option and Ctrl Alt N does nothing. I've also tried different C# extensions and nothing changes. I'm pretty new to VS and to coding in general, and I really wanna learn. But this is a hurtle that I can't seem to pass. Does anyone have any ideas?
19:19 I downloaded GIT for macOS but the Github tool never showed up, and it just keeps telling me to download Git? Does anyone know how to solve this?
*Very urgent*
Hi Tim, I am yuvaraj from india...
I am using vscode for cpp, while debugging a program which uses a vector of strings, I want all the elements in the vector to show in the variable pane, while step through, but it doesnot show like this instead it shows some address only. I searched internet for several hours but i didn't find anything useful.
Please help me bro , I dont know what to do.
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?
Can someone help me with this problem i have a code to decrypt a text but i don't know how to apply the code to the project...
I don't know how to retrieve the menu bar back, I don't have it. Any tips other than what's out there in CZcams?
I have installed Java, Maven & Cucumber extensions for VSCode IDE.
But in my VSCode IDE, there is no 'Create Java Project' button.
Then how can I create a Java Maven project in VSCode.?
Very useful. Thanks!
Hi, have you managed to connect to MS SQL using Windows Authentication?
and how can we keep testing the code without saving it, like in pycharm for ex ?
how did you open your project that already existed in 11:22 of your this video?
Beginner here.. can someone please explain how I can connect opening and closing HTML tags with vertical guides in VS Code? It would really help me visually. Thanks!
May I know what are key extensions that I need add? before starting ..much appreciate..
Hello, In my leptop I do not have + sign alone so, I have zoom in out but I could not reverse (zoom in) How can I fix it anyone please?
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..
Is there a shortcut to that would run python code? It's a bit annoying as a beginner to write one line and then click the run button to test the code.
Very good teaching , subscribed
Hey Tim, I would love to know your top favorite extensions for Python development and data science
How do you make the icons pop up I think missed something.
Can i code large projects on visual code or do i need visual studio to do any large projects
what a great video, thx for your effort