My Favourite VSCode Shortcuts and Tricks

Video Statistics and Information

Video

Captions Word Cloud

Reddit Comments

Captions

How to do my gorgeous friends on the internet. Let's talk about VS Code shortcuts. Now, personally, I always had a hard time remembering shortcuts. That's because I jump around in so many different programs in so many different programs from like the VINCHE Resolve to the video, to Photoshop to do thumbnails, all different shortcuts. So the way I did it, so there's definitely something wrong here, right? But the way I did it is I tried to find the best shortcuts for me to not like reach for the mouse all the time because I have cacti's here. Cacti's, cacti's, so whenever I reach for the mouse, they all wiggle, they'll wiggle your cacti's. So this list is gonna cover all the main shortcuts I use, but if you have a really cool one, leave it down in the comments below. And if it's good, (clink) So here we are in VS Code. So let's start out from scratch. Like how would we navigate to a project? You could go open to file, open folder here. That's fine, that will work. Or you could do this command, control K and control O. I'm not a big fan of that. I really like to just navigate and move around through the terminal. So I usually do control tilde, and then from here I could cd or do an LS, see all my projects, cd into type test, for example, and there we are. And then I can do a control L, that's gonna clear out the terminal, and I can do code dot like that to just open up the project here. So now we're in the project, let's see how we can wiggle our way around the editor. So one useful command is control B. That's gonna open up the side panel here for you. And this is great. Sometimes you want some extra space. Sometimes you just wanna glance over what files you have in your project. But to actually open up a file, you can do control P. And then from here you can navigate, select main TS. Let's say I wanna open up package dot JSON. I can search for that. And let's do another one, maybe my index. So there we go. And then to actually navigate between the tabs, you can hold down alt and then use the arrow keys. Boop, boop, boop, boop. And the cool thing about this is that you don't need to save. So you can have that like that. And then I can just do control W. And it's gonna pop up with the save for me. And then I just hit enter. Now for creating files and folders, I know a lot of people do control N. And that's gonna give you a file here that you can save. But it's gonna open up this, pop up here, and then you have to actually navigate and save it where you wanna save it. And some people set up like a little command where you hit control N and it's automatically gonna pop up there. But to be fair, I just like to go here and click on file. And I can just quickly select the folder that I want it and then here I can just create the hierarchy any way I want. So let's do it here. New file, so I'll do components, right? And if I want a sub folder here, I can do maybe my nav components. And then here I can have links, right? The TSX, like that. And boom, look at that. So remember arrow keys, really useful. You can go up, down, sideways in the circle any way you want. However, you might have a tough time getting to a certain part of your code. So maybe this input parameter. So you can do control and then quickly skip over the words and then get here. Also, you can hold shift to select stuff like that. So let's say I wanna replace this. I can do F2 and let's just change this to like a param like that. Boom, done. And then this one gets replaced as well. So that's cool. If I quickly wanna just like blow up and purge a line of code, control X. I know that cuts it, but who cares if you're not pasting it back? Why you're the cut police now, leave me alone. You could do that. Also like hold shift, right? And press up arrow and then purge that like that. You can easily create copies if you want just by holding shift and alt, boop, boop, boop, boop, like that. Or you can also select multiple lines of code. And then I can shift and command, boop, boop, boop, just like that. What you could do is do control and command. And then I'll just move my arrow up and then maybe I can prefix this with something else like that. What about navigating within the editor? Because if you just hold the up arrow, it takes quite a bit of time to get up there, right? So you can do control and then you can do home if you just wanna head to the top here, especially in like frameworks, right? Because you're importing so much site here at the top. So it's easy to be like, just be down here somewhere and then blah, blah, blah, blah, blah, where you can then control home, boop, up at the top and then control end and you're back at the bottom. If your page is like super big, right? And maybe you need something in the middle, alt, page up and page down. Okay, let me show you another example here. I'm gonna open up this counter main and let's do add as well. And let's say I want these to all be in my view. So what you can do is hit control backspace and look at that, that's gonna open up a new view here for us. And to basically go between these two, I can do control one and control two. So there we go, I'm here now and control one, I'm here now. Ooh, but I'm actually editing the same file. So I can close it with control W and I'm in my main TS. Nice. Now again, you can do as many as you want. I can do control three and as you can see, that's gonna pop in a new window as well. And I can go in between them with control one, two, three. Now to close it, let's close that one, close this one and close this one too. I'm hungry, I'm gonna go eat something. Now for the sidebar here, I don't really use any shortcuts really besides control B. Sometimes I do control shift F if I wanna do a quick search or maybe a replace. So that's a quick one that you can do. Yeah, there's a couple more for like extensions. If you want, you can do control shift X, but I mean, I'll just click it. And last but not least, it's just moving around my applications. This is a command that's quite useful for me, especially on windows, you can hold start or option and then you can do right arrow. If I do right arrow, as you can see, pops it there and I can do it on my other screen if I want, I can go left and that's gonna put it to the left. If I wanna make it full, I can press up. If I wanna minimize it, I can go down and that's super nice, super quick. And then if I let go of alt, as you can see this other window pops up. So now I can easily just maybe get a, I don't know, a browser for example. But yeah, that's about it. That's all the shortcuts that I usually use. And I don't really learn any shortcuts for like speed or anything because my brain doesn't write code that fast. I just like moving around fast, but I'll go to this page, but then I'll just wait and think about it for like 20 minutes what code I'm gonna write. So yeah, I'm not gonna go like to OTT with any other shortcuts. But yeah, thank you so much for watching this episode. Peace out, aliens are real.

Info

Channel: developedbyed

Views: 26,169

Rating: undefined out of 5

Keywords: vs code, top vs code tricks, vscode tricks, vscode, vscode tutorial, vscode for beginners, code shortcuts, editor, developedbyed, vscode tips and tricks

Id: 2kX62Cnaeqw

Channel Id: undefined

Length: 6min 35sec (395 seconds)

Published: Fri Sep 08 2023