VSCode cheat sheet
Ecco il foglio di trucchi di Visual Studio Code
Indice
Comandi più utilizzati in Visual Studio Code
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:
- Apri la Palette dei comandi utilizzando Ctrl+Shift+P (Windows/Linux) o Cmd+Shift+P (macOS).
- Digita
Extensions: Install Extensions
e selezionala dall’elenco. Questo aprirà la vista delle estensioni dove puoi cercare e installare le estensioni. - 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