VS Code Can Do That - Workshop
1.0.0
1.0.0
  • Introduction
  • Essential Keyboard Shortcuts
  • Exercise 1 - Customizing The Editor
    • Before you start
    • Switch themes
    • Install a new icon theme
    • Switch fonts
    • Editor tweaks
    • Change default Settings view
    • Easily identify editor instances
  • Exercise 2 - Productivity Tricks
    • Before you start
    • Essential navigation shortcuts
    • Creating HTML with Emmet
    • Styling with Emmet
    • Update image sizes
  • Exercise 3 - Navigation And Refactoring
    • Before you start
    • Moving, Duplicating and Deleting
    • Folding sections
    • Multiple cursors
    • Rename refactor
    • Finding things
    • Extract refactor
  • Exercise 4 - Debugging
    • Before you start
    • Simple debugging
    • Simple launch config
    • Auto attach
    • Debugging browser apps
    • Compound debug configurations
  • Exercise 5 - Docker
    • Untitled
Powered by GitBook
On this page

Was this helpful?

  1. Exercise 2 - Productivity Tricks

Essential navigation shortcuts

VS Code has a keyboard shortcut for virtually anything that you can do with a mouse. The more of these that you can use, the faster you will be. In addition to the 5 core keyboard shortcuts from the start of this workshop, these are the essential keyboard shortcuts for navigating around the editor without a mouse.

Action

Shortcut

Jump to previous file

Cmd/Ctrl + P + P

Set focus to Sidebar

Cmd/Ctrl + 0

Set focus to Editor

Cmd/Ctrl + 1

Open Explorer View

Cmd/Ctrl + Shift + E

Open Debug View

Cmd/Ctrl + Shift + D

Open Source Control View

Ctrl + Shift + G

Open Extensions View

Cmd/Ctrl + Shift + X

PreviousBefore you startNextCreating HTML with Emmet

Last updated 5 years ago

Was this helpful?