Unlike the legendary Vim, VS Code doesn’t need you to be a keyboard ninja and has tons of features that developers swear by.īut this doesn’t mean you cannot, or you should not use keyboard shortcuts in Visual Studio Code.ĭo you hate breaking your coding flow and move your hand to a mouse for performing an action like toggling terminal in your Visual Studio Code (VS Code) editor? If yes, then you should immediately get yourself familiar and memorize these useful keyboard shortcuts for VS Code. You will surely find a boost in your productivity and your efficiency as a programmer.There is no doubt that Microsoft’s VS Code is one of the best open source code editor out there. Take the time to memorize these VS Code extensions and incorporate them into your workflow.
Visual studio code use visual studio shortcuts full#
Also, VS Code is a full IDE, is packed with loads of features, extensions, is free, and thankfully open source. I found Brackets to be not quite enough for what I need, Atom to be super slow and bulky, the JetBrains IDEs too expensive, and Sublime isn't free. It's my favorite code editor and I use it exclusively. Visual studio code can be downloaded at their website. At the same time, when I need it back, I want it back with ease. I don't like that sidebar there when I'm writing code. Of all the VS Code shortcuts, this is another major one for me. Use your right hand to hit the K and left to this the C while holding Command. Thankfully VS Code has a shortcut to pop it in there for you. So of all the VS Code shortcuts, this is especially useful for me and for you if you do the same.Īdding a line comment to HTML and CSS is somewhat cumbersome to type out. I almost exclusively use the VS Code Integrated terminal and rarely ever the OS Terminal. You can also use it again to re-enable that line or block of code by removing the comment markup. This Visual Studio Code shortcut allows you to disable a line or block of code by commenting it out. So we use line comments to "disable" a line or block of code or HTML or CSS right? Similar to the above, but instead of selecting the next occurrences of a selection, you can place your cursor in multiple locations, and make edits to all and one time. * There is a shortcut to select ALL occurrences, but I like to go through them one by one to be sure I want to change that one. Windows: Ctrl + D (to select next occurrence(s) after you make an initial selection). MacOS: Command + D (to select next occurrence(s) after you make an initial selection) Of all the VS Code shortcuts this is one of my favorites and will boost your productivity. In that example you would highlight just one H3 tag, and as you hit the shortcut below it goes through and selects the other instaces of that tag, providing you an active cursor with each one. You multi-select them all and change them all in one take. So you go through and select each one and change it? No. So you decide to change all of the H3 tags on your template to H4 tags. This shortcut allows you to indent or outdent a line or even an entire block of code. When you copy and paste something in Visual Studio Code, it doesn't always line up right (actually it rarely does). Indent / Outdent LineĪnother of the very helpful VS Code shortcuts and one to memorize. Again helpful with single lines like reordering Similar to the shortcut above, but this moves the line of code up or down.
Windows: Shift + Alt + Up / Shift + Alt + Down 3. MacOS: Shift + Option + Up / Shift + Option + Down