VSCode cheat sheet

Ecco il foglio di trucchi di Visual Studio Code

Indice

Comandi più utilizzati in Visual Studio Code

quaderni in carta

Foglio di riferimento per Visual Studio Code

Scorciatoie generali (Windows / Mac)

Azione Windows / Linux macOS
Palette dei comandi Ctrl+Shift+P Cmd+Shift+P
Apri velocemente (file) Ctrl+P Cmd+P
Attiva/Disattiva terminale Ctrl+` Ctrl+`
Attiva/Disattiva barra laterale Ctrl+B Cmd+B
Impostazioni Ctrl+, Cmd+,
Apri scorciatoie tastiera Ctrl+K Ctrl+S Cmd+K Cmd+S
Mostra tutti i simboli Ctrl+T Cmd+T
Vai alla riga Ctrl+G Ctrl+G
Cerca Ctrl+F Cmd+F
Sostituisci Ctrl+H Cmd+Option+F
Multi-cursore (aggiungi successivo) Ctrl+D Cmd+D
Multi-cursore (aggiungi sopra/sotto) Ctrl+Alt+Up/Down Option+Cmd+Up/Down
Sposta riga su/giù Alt+Up/Down Option+Up/Down
Copia riga su/giù Shift+Alt+Up/Down Shift+Option+Up/Down
Taglia riga Ctrl+X Cmd+X
Copia riga Ctrl+C Cmd+C
Elimina riga Ctrl+Shift+K Cmd+Shift+K
Commenta riga Ctrl+/ Cmd+/
Formatta documento Shift+Alt+F Shift+Option+F
Salva Ctrl+S Cmd+S
Chiudi editor Ctrl+W Cmd+W
Dividi editor Ctrl+\ Cmd+\

Navigazione

  • Vai alla definizione: F12
  • Anteprima definizione: Alt+F12
  • Vai alle riferenze: Shift+F12
  • Indietro/Avanti: Alt+Left/Right (Windows), Ctrl+–/Ctrl+Shift+– (Mac)

Modifica

  • Duplica riga: Shift+Alt+Down (Windows), Shift+Option+Down (Mac)
  • Sposta riga su/giù: Alt+Up/Down (Windows), Option+Up/Down (Mac)
  • Seleziona tutte le occorrenze: Ctrl+Shift+L (Windows), Cmd+Ctrl+G (Mac)
  • Annulla/Ripristina: Ctrl+Z / Ctrl+Y (Windows), Cmd+Z / Cmd+Shift+Z (Mac)

Terminale integrato

  • Nuovo terminale: Ctrl+Shift+` (Windows/Mac)
  • Attiva/Disattiva terminale: Ctrl+` (Windows/Mac)
  • Chiudi terminale: Ctrl+Shift+W

Controllo sorgente (Git)

  • Apri controllo sorgente: Ctrl+Shift+G (Windows), Cmd+Shift+G (Mac)
  • Commit: Ctrl+Enter (nella casella del messaggio di commit)

Utilizzo della riga di comando

# Apri VS Code nella directory corrente
code .

# Apri un file specifico a riga e colonna
code myfile.js:10:5

# Apri la vista differenze tra due file
code --diff file1.js file2.js

# Apri una nuova finestra di VS Code
code -n

# Disattiva tutte le estensioni
code --disable-extensions .

Personalizzazione

  • Cambia tema: Ctrl+K Ctrl+T (Windows), Cmd+K Cmd+T (Mac)
  • Apri scorciatoie tastiera: Ctrl+K Ctrl+S (Windows), Cmd+K Cmd+S (Mac)
  • Installa estensioni: Ctrl+Shift+X (Windows), Cmd+Shift+X (Mac)

Snippets

  • Crea snippet personalizzati tramite Preferences: Configure User Snippets.

Consigli

  • Utilizza la Palette dei comandi (Ctrl+Shift+P / Cmd+Shift+P) per quasi ogni comando o impostazione.
  • La cartella .vscode nel tuo progetto consente di impostare configurazioni e compiti specifici per lo spazio di lavoro.
  • È possibile installare estensioni per i mapping tasti per utilizzare scorciatoie da altri editor (Vim, Sublime, ecc.).

Per un elenco più completo, consulta il PDF ufficiale delle [scorciatoie tastiera] o il riferimento delle scorciatoie all’interno dell’editor (Ctrl+K Ctrl+S).

Come installare un’estensione di VS Code dalla Palette dei comandi

Puoi installare un’estensione di Visual Studio Code direttamente dalla Palette dei comandi seguendo questi passaggi:

  1. Apri la Palette dei comandi utilizzando Ctrl+Shift+P (Windows/Linux) o Cmd+Shift+P (macOS).
  2. Digita Extensions: Install Extensions e selezionala dall’elenco. Questo aprirà la vista delle estensioni dove puoi cercare e installare le estensioni.
  3. In alternativa, puoi digitare direttamente ext install (ad esempio, ext install vscode-icons) nella Palette dei comandi e premere Invio. VS Code ti chiederà il nome dell’estensione e la installerà se trovata.

Questo metodo ti permette di installare rapidamente le estensioni senza allontanarti dalla tastiera o navigare attraverso i menu.

Altra lista di scorciatoie per l’editor

Ctrl+T (macOS: Cmd+T) - Mostra i simboli del workspace
Ctrl+Shift+O (macOS: Cmd+Shift+O) - Mostra i simboli del documento
Ctrl+Shift+P (macOS: Cmd+Shift+P) - Apri la Palette dei comandi
Ctrl+Space - Apri la completazione del codice
Ctrl+. (macOS: Cmd+.) - Apri le correzioni rapide
F2 - Rinomina il simbolo
Shift+Alt+F (macOS: Shift+Option+F) - Formatta il documento
F12 - Vai alla definizione
Shift+F12 - Trova riferimenti
Alt+Shift+O - Organizza le direttive
F4 - Mostra l'ereditarietà del tipo

Altra lista di scorciatoie per il debug

Ctrl+Alt+D - Avvia Dart DevTools
F5 - Avvia il debug
Ctrl+F5 - Avvia senza debug
Shift+F5 - Arresta il debug
Ctrl+Shift+F5 (macOS: Cmd+Shift+F5) - Riavvia il debug (o Hot Restart quando si debugga un'app Flutter)
Ctrl+F5 - Hot Reload quando si debugga un'app Flutter
F9 - Attiva/Disattiva punto di interruzione
F10 - Passa sopra
F11 - Entra
Shift+F11 - Esci