🫐 Commands
VS Code

Visual Studio Code

code . Open the current directory in VS Code

Keyboard

command corresponds to Ctrl on Windows/Linux and on macOS

File Navigation

  • command + up Move to start of file
  • command + down Move to end of file
  • option + up Move to start of paragraph
  • option + down Move to end of paragraph

Line Navigation

  • command + enter Move to next line
  • command + shift + enter Move to previous line
  • command + left Move to start of line
  • command + right Move to end of line

Word Navigation

  • option + left Move to start of word
  • option + right Move to end of word

Deleting

  • option + delete Delete single word
  • command + delete Delete line

Highlighting a Word

  • command + d Select next occurrence
  • command + shift + l Select all occurrences

Editor

  • command + p search for files in directory
  • shift + command + p search actions
  • command + f search for word in file
  • open -a ‘Google Chrome’ websiteAddress open file in browser

Emmet

Emmet is a built in system of abbreviations that make working with HTML faster and easier.

Syntax

  • child > parent>child
  • sibling + sibling+sibling
  • class . element.class
ShortcutHTML
!html Generates boilerplate
nav.navbar <nav class="navbar"></nav>
.container <div class="container"></div>
button[type="submit"]{Submit}<button type="submit">Submit</button>
nav>a.nav-item$\*>a
ul>li\*3.class-${List item $}

Resources