VSCode cheatheet

Visual Studio Code Cheatsheet is hier

Inhoud

Meest gebruikte opdrachten in Visual Studio Code

papieren notitieblokken

Visual Studio Code Cheat Sheet

Algemene Sneltoetsen (Windows / Mac)

Actie Windows / Linux macOS
Opdracht Palet Ctrl+Shift+P Cmd+Shift+P
Snel openen (Bestand) Ctrl+P Cmd+P
Terminal aan/uitzetten Ctrl+` Ctrl+`
Sidebar aan/uitzetten Ctrl+B Cmd+B
Instellingen Ctrl+, Cmd+,
Toetsenbord Sneltoetsen openen Ctrl+K Ctrl+S Cmd+K Cmd+S
Alle symbolen tonen Ctrl+T Cmd+T
Naar regel gaan Ctrl+G Ctrl+G
Zoeken Ctrl+F Cmd+F
Vervangen Ctrl+H Cmd+Option+F
Meervoudige cursor (volgende toevoegen) Ctrl+D Cmd+D
Meervoudige cursor (boven/onder toevoegen) Ctrl+Alt+Up/Down Option+Cmd+Up/Down
Regel omhoog/omlaag verplaatsen Alt+Up/Down Option+Up/Down
Regel omhoog/omlaag kopiëren Shift+Alt+Up/Down Shift+Option+Up/Down
Regel knippen Ctrl+X Cmd+X
Regel kopiëren Ctrl+C Cmd+C
Regel verwijderen Ctrl+Shift+K Cmd+Shift+K
Regel opmerking Ctrl+/ Cmd+/
Document opmaken Shift+Alt+F Shift+Option+F
Opslaan Ctrl+S Cmd+S
Editor sluiten Ctrl+W Cmd+W
Editor splitsen Ctrl+\ Cmd+\

Navigatie

  • Naar definitie gaan: F12
  • Definitie bekijken: Alt+F12
  • Naar verwijzingen gaan: Shift+F12
  • Terug/vooruit: Alt+Left/Right (Windows), Ctrl+–/Ctrl+Shift+– (Mac)

Bewerken

  • Regel dupliceren: Shift+Alt+Down (Windows), Shift+Option+Down (Mac)
  • Regel omhoog/omlaag verplaatsen: Alt+Up/Down (Windows), Option+Up/Down (Mac)
  • Alles selecteren: Ctrl+Shift+L (Windows), Cmd+Ctrl+G (Mac)
  • Ongedaan maken/terugdoen: Ctrl+Z / Ctrl+Y (Windows), Cmd+Z / Cmd+Shift+Z (Mac)

Integreerde Terminal

  • Nieuwe terminal: Ctrl+Shift+` (Windows/Mac)
  • Terminal aan/uitzetten: Ctrl+` (Windows/Mac)
  • Terminal sluiten: Ctrl+Shift+W

Bronbeheer (Git)

  • Bronbeheer openen: Ctrl+Shift+G (Windows), Cmd+Shift+G (Mac)
  • Commit: Ctrl+Enter (in commit berichtvak)

Command Line Gebruik

# Open VS Code in de huidige map
code .

# Open een specifiek bestand op regel en kolom
code myfile.js:10:5

# Open diffweergave tussen twee bestanden
code --diff file1.js file2.js

# Open nieuw VS Code venster
code -n

# Alle extensies uitschakelen
code --disable-extensions .

Aanpassingen

  • Thema wijzigen: Ctrl+K Ctrl+T (Windows), Cmd+K Cmd+T (Mac)
  • Toetsenbord sneltoetsen openen: Ctrl+K Ctrl+S (Windows), Cmd+K Cmd+S (Mac)
  • Extensies installeren: Ctrl+Shift+X (Windows), Cmd+Shift+X (Mac)

Snippets

  • Aanpasselijke code snippets maken via Preferences: Configure User Snippets.

Tips

  • Gebruik het Opdracht Palet (Ctrl+Shift+P / Cmd+Shift+P) voor vrijwel elke opdracht of instelling.
  • De .vscode map in je project stelt je in staat om werkruimte-specifieke instellingen en taken te gebruiken.
  • Je kunt sleutelkaart extensies installeren om sneltoetsen van andere editors te gebruiken (Vim, Sublime, enz.).

Voor een uitgebreidere lijst, verwijzen we naar de officiële [sneltoetsen PDF] of de sneltoetsenreferentie in de editor (Ctrl+K Ctrl+S).

Hoe installeer je een VS Code extensie via het Opdracht Palet

Je kunt een Visual Studio Code extensie rechtstreeks via het Opdracht Palet installeren door de volgende stappen te volgen:

  1. Open het Opdracht Palet met Ctrl+Shift+P (Windows/Linux) of Cmd+Shift+P (macOS).
  2. Typ Extensions: Install Extensions en selecteer het uit de lijst. Dit opent het Extensiesoverzicht waar je extensies kunt zoeken en installeren.
  3. Alternatief kun je ext install (bijvoorbeeld ext install vscode-icons) direct in het Opdracht Palet typen en Enter drukken. VS Code vraagt je om de extensienaam en installeert deze als deze wordt gevonden.

Met deze methode kun je extensies snel installeren zonder van je toetsenbord af te gaan of door menus heen te navigeren.

Ander lijstje van editor toetsenbindingen

Ctrl+T (macOS: Cmd+T) - Werkruimte symbolen tonen
Ctrl+Shift+O (macOS: Cmd+Shift+O) - Document symbolen tonen
Ctrl+Shift+P (macOS: Cmd+Shift+P) - Opdracht palet openen
Ctrl+Space - Code voltooiing openen
Ctrl+. (macOS: Cmd+.) - Sneloplossingen openen
F2 - Symbool hernoemen
Shift+Alt+F (macOS: Shift+Option+F) - Document opmaken
F12 - Naar definitie gaan
Shift+F12 - Verwijzingen zoeken
Alt+Shift+O - Richtlijnen organiseren
F4 - Type hiërarchie tonen

Ander lijstje van debug toetsenbindingen

Ctrl+Alt+D - Dart DevTools starten
F5 - Debuggen starten
Ctrl+F5 - Starten zonder debuggen
Shift+F5 - Debuggen stoppen
Ctrl+Shift+F5 (macOS: Cmd+Shift+F5) - Debuggen opnieuw starten (of Hot Restart bij het debuggen van Flutter-apps)
Ctrl+F5 - Hot Reload bij het debuggen van Flutter-apps
F9 - Breakpoint aan/uitzetten
F10 - Over de volgende stap gaan
F11 - Stap binnen
Shift+F11 - Stap buiten