visual studio code keyboard shortcuts mac terminal

#Visual studio code keyboard shortcuts mac terminal windows

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

tags and also with whole blocks of code like a CSS block or JS function.

Basically, you can take a line of code and duplicate it on the line above or below. This is a shortcut I use a lot in my workflow to boost productivity. It's the shortcut that gives you access to all of the functionality of VS Code. The command palette is one of the most foundational of all VS Code shortcuts. You can filter key bindings by using the search box.Or if you prefer to read the article, read on! 1. This is where you can rewire existing key bindings. What is Ctrl + K + S? In VSCode Ctrl + K then S will pop open a searchable vscode keyboard shortcuts editor. CommandĪdd or Modify Keyboard Shortcut (add your own keyboard shortcut) The rest of it is the same in most cases. On a Mac, usually replace Shift with command key.

#Visual studio code keyboard shortcuts mac terminal windows

(Code formatting and folding and unfolding code for example.) It will be used as a vscode keyboard shortcut reference for improving this article in the future.įor clarity only Windows shortcuts are shown. This table is an overview of all vscode keyboard shortcuts we've looked at in this tutorial and some extras that weren't mentioned. Replace All Occurrences Of Text In Current Selection.Create Multiple Cursor Selection On Any Line.Turn Selected Text Into Multiline Comment.Comment Entire VSCode Selection With Single-Line Comments //.Jump Between Matching Opening or Closing But on the Mac control is also known as alt, as its secondary function.) 4. Continue holding Shift and Alt and using arrows to make as many copies as you need. Press Shift and Alt and use up and down arrow keys to copy the line either above or below. This might save some time if you were to do same thing using classic copy and paste shortcuts Ctrl + C and Ctrl + V. You can duplicate current line or selection to make a copy of it above or below. Copy Current VSCode Line Above or Below Selection

While holding Alt use arrow keys up or down to move the selection up or down in your source code. Move VSCode Selection One Line Up or Down It helps you to intuitively do what you would have done using the mouse, which saves a lot of time if you develop a habit for using it. It will also stop inside your CSS style definition code and be mindful of opening and closing HTML tags. This shortcut will stop at key points in your function block scopes. Left arrow shrinks selection, right arrow expands it. On Mac it's shift + control and the arrows. On Windows, hold Shift + Alt and use keyboard left and right arrows.

This shortcut allows you to either expand or shrink selection around natural block scope checkpoints (see animation above.) I'll kick this article off with an example of my most favorite keyboard shortcut in VSCode. Open shrink or expand text selection on a separate page. Shrink or Expand VSCode Selection Platform I avoided obvious ones and focused on extremely useful shortcuts that are not easy to figure out. To create this list, I went through dozens of commonplace VSCode keyboard shortcuts. If you already know several basic VSCode shortcuts you might want to further improve your productivity by learning about the lesser known key combos. Or watch vscode keyboard shortcuts on YouTube to speed up learning process 🙂 Animations were created to demonstrate each use case. Just scroll down through this list to see each vscode keyboard shortcut in action. Having said this.we will start this tutorial! (Ctrl + K was pressed) Waiting for second key of chord. When you press Ctrl + K you will notice vscode status bar change to a new message that says: It was added to increase the number of shortcuts you can use. In VSCode, aside from simple key combinations the Ctrl + K combo initiates a special action that requires second key of chord. All VSCode Keyboard Shortcuts (Windows) All VSCode Keyboard Shortcuts (Mac OS X)