DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 968,547 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Anders Hornor
Anders Hornor

Posted on

VS Code ShortCuts and Tricks

A brief overview of the shortcuts and tricks built into VS Code that have made my life easier.

Original Computerists: What d' I Gotta be to be O.C.

The original computers and computerists would know little of the thing we call a moust today. Before the modern day touch screen display we've all become so comfortable with today there was a thing called the trackpad, before that a little nub in the middle of your keyboard. Before that? A ball lodged into a stationary ergonomic block on your desk and Before that was the mouse made famous by not working on reflective flat surfaces. Before all that was the mouse that was distantly related to braces in its ability to store bits of things you've been eating for weeks. Before that a wooden block with two wheels on its bottom and a red button on top. Before that the one that catches food but as a military secret. Before that though!? Nothing. The original computerists were masters of the keyboard never lifting their hands off the desk. Computers are built around commands and mouses are really just tools that through a few hardwired levels of abstraction send out the commands that computers crave. As such everything you do on a computer should be doable from the keyboard. To my knowledge this isn't so much the case anymore but I'm no keyboard Wizard. I do know though that when grinding out some wicked functions, using the keyboard shortcuts and commands to their fullest makes life easier.

I use the text editor Visual Studio Code developed by Microsoft. Because Microsoft people do a lot with computers (some of the original computerists) and as such they built some handy shortcuts into their text editor.
Link to Install

*Disclaimer* I use a mac so for anyone running a Windows or Linux OS use the ctrl key in place of the ⌘. Also I get it O.C. has already been coined.

First Things First - Files From the Command Line

So I believe this tidbit is included in some aspect of the setup of VS Code but VS code has some easily implemented bash commands. Instead of having to set up a bash/shell command to open files in VS code yourself, using the β‡§βŒ˜P then typing shell command into the search bar and selecting the first suggestion will add the command to your bash commands. Now typing code from any file or directory in the terminal will open that file or directory in VS code.

Now that VS code is easily accessible here are in-editor commands.
Cheat Sheets:
– Mac – Windows – Linux –

Shortcuts: Slices of Success

Quick Keyboard Reference List

  • ⌘: command key
  • βŒ₯: alt key
  • βŒƒ: control key
  • ⇧: shift key
  • ←→↑↓: arrow keys
  • esc: escape key

General

  • Quick Search/Open File: ⌘P
  • Jump to Matching Bracket: β‡§βŒ˜/
  • Show General Search: β‡§βŒ˜F
  • Yes there is a Zen Mode: ⌘KZ (esc to exit)

Line Traversal: Live-Coding Keyboard Wizardry

  • Move Line Up/Down: βŒ₯↑ / βŒ₯↓
  • Go-to Beginning/End: fn← / fnβ†’ or βŒ˜β†‘ / βŒ˜β†“
  • Delete Line: β‡§βŒ˜K
  • Go-to Line: βŒƒG
  • Go-to File (aka "Quick Search/Open File): ⌘P
  • Go-to Symbol: β‡§βŒ˜O
  • Show All Symbols: ⌘T

Integrated Terminal: The All-in-One-Place Place

  • Show Terminal: ^`
  • New Terminal: ^⇧`

That's it That's all...For Now

I can see your gears working...ok maybe not but all of these awesome built in shortcuts and commands will at least get you admission the WagHertz School of Keyboard Whizkidery. From there you have to... you know ... kill a guy – maybe a few – to make it to the top, but at least this'll get you there.

Till Next Time!

To thaat point, Good Luck!

Top comments (0)

🌚 Browsing with dark mode makes you a better developer.

It's a scientific fact.