webdev{docs}

Visual Studio Code

Shortcut keys

  • Toggle word wrap: Alt + Z
  • Comment selected area: Ctrl + K + C
  • Uncomment selected area: Ctrl + K + U
  • Find: Ctrl + F
  • Find and Replace: Ctrl + H
  • Delete word on the left/right of cursor: Ctrl + Backspace/Delete
  • Auto-format: Ctrl + Shift + I
  • Go to beginning/end of file: Ctrl + Inicio/Fin or RePág/AvPág
  • Close/Open the Explorer: Ctrl + B
  • Close/Open the Terminal: Ctrl + J
  • Focus on the Terminal: Ctrl + ```

Selection

  • Select all ocurrences of selection: Ctrl + Shift + L
  • Select element to jump to: Ctrl + Shift + \
  • Select whole word: Ctrl + Shift + Left/Right
  • Select line above/below (cumulative): Shift + Up/Down
  • Select line above/below (cumulative both ways): Ctrl + Shift + Up/Down
  • Select all above/below cursor: Ctrl + Inicio/Fin

Lines

  • Cut line: Ctrl + X
  • Copy line: Ctrl + C
  • Delete line: Ctrl + Shift + K
  • Insert line below: Ctrl + Enter
  • Insert line above: Ctrl + Shift + Enter
  • Move line up/down: Alt + Up/Down
  • Move selected lines (block) up/down: Alt + Up/Down
  • Duplicate line above/below: Ctrl + Shift + Alt + Up/Down
  • Go to beginning/end of line: Inicio/Fin

Previews

You can see Markdown previews of the current .md or .mdx file by pressing Ctrl + Shift + V.

Disable auto-saving when exiting VS Studio

File - Preferences - Settings - Hot Exit: Off

Extensions

  • Live Server: Launch a development local Server with live reload feature for static & dynamic pages
  • Quokka: Live Scratchpad for JavaScript.
  • Docker: Makes it easy to build, manage and deploy containerized applications