Scorciatoie essenziali di VS Code per la produttività degli sviluppatori

Per noi sviluppatori, uno dei maggiori guadagni di produttività viene dal padroneggiare la navigazione e la manipolazione nell’editor. Trovare rapidamente le funzioni, saltare tra i file e modificare il codice in modo efficiente ci permette di concentrarci sui problemi difficili invece di lottare con l’editor.

Ecco le mie tecniche e scorciatoie preferite per la produttività in VS Code. Particolarmente utile è il comando # per cercare simboli in tutto il workspace.

Navigazione

Navigazione tra i file

• Cmd + P: aprire rapidamente i file con ricerca fuzzy
• @: saltare ai simboli nel file corrente
• #: cercare simboli in tutto il workspace
• %: cercare testo in tutti i file

Indietro/Avanti

• Ctrl + -: tornare alle posizioni precedenti del cursore
• Ctrl + Shift + -: andare avanti alla posizione successiva del cursore
• Funziona tra file e posizioni del cursore

Ultima posizione modificata

• Cmd + K, Cmd + Q: saltare al punto dell’ultima modifica
• Ottimo per tornare indietro dopo aver esplorato altri file

Passare tra le schede recenti

• Ctrl + Tab: mostrare e scorrere le schede recenti
• Un tocco rapido alterna tra gli ultimi 2 file
• Tenendo premuto si vede l’elenco completo ordinato per uso recente

Vai a riga/colonna

• Aprire la palette dei comandi: :22 salta alla riga 22
• :22:10 salta alla riga 22, colonna 10
• Utile per stack trace e file minificati

Definizioni e riferimenti

• Ctrl + clic o F12: vai alla definizione
• Shift + F12: trova tutti i riferimenti
• Ottimo per esplorare codebase sconosciute

Modifica

Operazioni sulle righe

• Option + Shift + ↑/↓: duplicare la riga sopra/sotto
• Option + ↑/↓: spostare la riga su/giù (far “risalire” le righe)
• Funziona con più righe selezionate

Selezione intelligente

• Option + ←/→: spostarsi di parola in parola
• Option + Shift + ←/→: selezionare parola per parola
• Cmd + ←/→: saltare a inizio/fine riga
• Cmd + K, ;: selezionare il testo tra virgolette (richiede il plugin Quick and Simple Text Selection)

Espandere la selezione

• Cmd + Shift + ←/→: selezionare fino a inizio/fine riga
• Cercate “Expand Selection to Scope” nella palette dei comandi
• Seleziona blocchi di codice via via più grandi

Gestione delle virgolette

• Cmd + ': alternare tra i tipi di virgolette (con plugin)
• Funziona con virgolette singole, doppie e backtick

Consigli da professionisti

Usate la palette dei comandi

• Cmd + Shift + P: apre la palette dei comandi
• Cercate i comandi che non ricordate
• Mostra le scorciatoie da tastiera dei comandi

Attivate i breadcrumb

• Mostrano la posizione del file e la struttura del codice
• Navigazione rapida tra file vicini
• Accesso ai simboli e alla gerarchia dei file

Ricordate: l’obiettivo è ridurre al minimo l’uso del mouse e massimizzare l’efficienza della tastiera. Iniziate con poche scorciatoie e aggiungetene gradualmente altre man mano che diventano automatiche.

Fonte: MAXIMUM VS Code Productivity — Navigating Codebases Quickly - YouTube. Grazie a Wes Bos per il video.