When you're working on a huge project with files lying around everywhere, it might be a little frustrating when you accidentally close a tab and have to search for it again in the side menu because VS code has a habit of auto expanding directories. I find these to be very useful in situations where you want to swap an if/else block.
Using this feature will allow you to automatically select the entire block from the beginning curly braces to end: When I first saw this in use by someone from a YouTube video, I knew that I had to do whatever it takes to find this one so that I can put a keyboard shortcut and use it in my projects. This is one of those features that took me awhile to discover, because I simply couldn't guess the name of this feature.
#VS CODE KEYBOARD SHORTCUTS MAC WINDOWS#
You might have seen this from the windows Task Manager which can be used when pressing Ctrl + Alt + Delete outside of your VS code editor. Process Explorerĭo you find your VS code editor a bit slow sometimes? Ever wished you can take a peek at what is eating up your memory? Well if you haven't known this already VS code has a Process Explorer feature which will allow you to open up a window as shown below:
You don't have to be using the material theme to use this feature! 3. That's because with the Material Theme extension installed, the feature is available throughout all of your themes.
I'm not using Material Theme in that example. So if you have the extension, open up your command palette (Ctrl + Shift + P), select Material Theme: Set accent color and choose a color from the list, it will change the underlining color of your tabs as shown below:īut wait a minute. There are 16 different colors you can choose from! Setting Accent Color For Tabs (Material Theme-not exclusive)Īre you tired of seeing the same accent color for tabs everyday? If you're using the Material Theme extension for VS code, you can actually choose a custom accent color for your tabs to look like this: This feature can save you and your team a ton of time in the most timely pressured situations. If you click this tiny arrow at the left, it will bring up a second input box below where you can input the text to replace all along with clicking the tiny box that appears to the right: You can also replace all the matching texts in each resulting file at once in the blink of a second. It will show this sidebar to the left of your editor:īy typing in a text and pressing enter, VS code will provide you a list of results matching the text like below: To use this feature, you can open up the view by pressing Ctrl + Shift + F. One of my favorite features of VS code is having the ability to search any matching text throughout all of your files in the project directory. Search Text Through All Files At Once (Windows: Ctrl + Shift + F, Mac: Control + Shift + F) Here are 21 VS Code Shortcuts To Code Faster and Funner: 1. Watching your time get cut in half makes me feel proactive :) I personally think it makes coding a lot funner when applying these shortcuts. In this post I will list my top favorite shortcuts that make me a faster coder. In addition, a lot of the points listed in this article can be custom bound to a keyboard shortcut, so remember that you don't have to be opening up the command palette everytime you want to invoke a command. Not everyone has time to go through every shortcut to find the ones that help them code faster and funner-because there's just too many! That's great but there's a slight chance you might be missing out on some of the shortcuts that VS code offers, even if its just one. So you've installed some great tools or extensions to accelerate your development flow and are having a great time.
0 kommentar(er)
