10 suggerimenti essenziali per la produttività per Visual Studio Code

Annuncio pubblicitario

Visual Studio Code è facilmente il miglior editor di testi di programmazione. Ha sostituito Sublime Text come editor di codice preferito e non ci tornerò mai più. È un App JavaScript basata su elettroni (come Atom, un altro editor di testo molto apprezzato), ma è velocissimo e non presenta problemi di prestazioni come la maggior parte delle app JavaScript.

E nel caso ti stavi chiedendo, sì: VS Code è open-source e disponibile su GitHub. Dieci anni fa, se ti avessi detto che Microsoft avrebbe abbracciato il software open source, avresti riso. Guarda fino a che punto siamo arrivati!

Ad ogni modo, andiamo. Ecco alcuni suggerimenti essenziali per il codice di Visual Studio che dovresti imparare se vuoi aumentare la produttività e il flusso di lavoro al livello successivo.

(Se non sei ancora sicuro se dovresti scegliere Visual Studio Code su Atom, possiamo aiutarti a decidere.)

1. Padroneggia la tavolozza dei comandi in VS Code

Proprio come Sublime Text (e TextMate prima), VS Code ha qualcosa chiamato a

tavolozza dei comandi. Questa funzione consente di accedere a vari comandi semplicemente digitandoli anziché essere costretti a navigare nei menu con il mouse.

È possibile visualizzare la tavolozza dei comandi con il Ctrl + Maiusc + P scorciatoia da tastiera. Inizia a digitare ciò che vuoi fare (ad es. "Chiudi") e le opzioni si aggiorneranno in tempo reale. Alcuni comandi sono classificati (ad es. "File", Git "," Terminale ", ecc.), Quindi puoi usarli per individuare comandi che non riesci a trovare.

2. Imposta una cartella del progetto di lavoro

Se fai clic su Esploratore nella barra di navigazione, vedrai aprirsi un nuovo pannello secondario. Questo pannello secondario è diviso in due sezioni: Apri editor (ovvero file e documenti attualmente aperti) e Nessuna cartella aperta. Quest'ultimo è ciò a cui siamo interessati.

Clic Cartella aperta (oppure puoi navigare verso File> Apri cartella nella barra dei menu) e seleziona qualsiasi cartella sul tuo sistema. Questo caricherà quella cartella in VS Code come "progetto di lavoro corrente", consentendoti un facile accesso a tutti i file e le sottocartelle, quindi non devi continuare a andare avanti e indietro in Esplora file.

3. Visualizza più file contemporaneamente

La maggior parte degli editor di testo moderni può supportare più file contemporaneamente, consentendo di passare da un file aperto a un altro tipo di interfaccia basata su schede. Editor di testo più avanzati possono persino supportare l'editing di testi affiancati, cosa che VS Code fa (anche se solo in orizzontale).

Ma l'editing side-by-side è difficile su schermi più piccoli, sia che si tratti di un laptop o di un monitor più vecchio, ed è qui che brilla VS Code.

Ha qualcosa chiamato pannelli dinamici, dove se uno dei pannelli del documento aperto è troppo stretto, si allargherà automaticamente quando si attiva quel documento (ovvero posizionando il cursore su di esso). Se stai ancora utilizzando una risoluzione vicina a 720p, adorerai questa funzione.

4. Modifica più righe contemporaneamente

Se hai mai bisogno di inserire o eliminare più istanze di testo in un documento, tutto ciò che devi fare è creare più cursori. Puoi farlo tenendo premuto alt (o Opzione su Mac) e facendo clic in un punto qualsiasi del testo. Ogni clic crea un nuovo cursore.

Ciò è particolarmente utile per cose come HTML, in cui potresti voler aggiungere molte istanze della stessa classe o cambiare il formato di diversi collegamenti ipertestuali. Imparalo e adoralo.

5. Vai a definizione

Quando stai programmando o scrivendo script, spesso ti imbatti in una variabile o in un metodo che non riconosci. Allora cosa fai? Potresti dedicare diversi minuti alla ricerca del file giusto, oppure puoi selezionare la variabile / metodo con il cursore e premere F12 per passare immediatamente alla sua definizione.

Oppure puoi usare il Alt + F12 scorciatoia da tastiera per dare una sbirciatina alla definizione, che ti mostra la definizione proprio nella linea in cui si trova il cursore anziché aprire il file sorgente.

Per andare nella direzione opposta, puoi selezionare una variabile / metodo definito e usare il tasto Maiusc + F12 scorciatoia da tastiera per trovare tutti i riferimenti ad esso. Questo appare anche in linea con il cursore.

Affinché queste funzioni funzionino, è necessario assicurarsi che la cartella corretta sia aperta come "progetto di lavoro corrente" (vedere Suggerimento n. 2).

6. Rinomina tutte le occorrenze

Il refactoring è a aspetto necessario della scrittura e del mantenimento del codice pulito 10 suggerimenti per scrivere codice più pulito e miglioreScrivere codice pulito sembra più facile di quanto non sia in realtà, ma i vantaggi ne valgono la pena. Ecco come puoi iniziare a scrivere codice più pulito oggi. Leggi di più , ma può essere piuttosto un mal di testa, soprattutto quando si esegue il refactoring di un modulo di grandi dimensioni o di una porzione di codice altrimenti enorme. Quindi, invece di cercare tra dozzine di file solo per rinominare una variabile o un metodo, lascia che VS Code lo faccia per te.

Se selezioni una variabile / metodo e premi F2, puoi modificare il nome e cambierà ogni istanza del nome di quella variabile durante l'intero progetto di lavoro corrente.

Se si desidera modificare solo il file corrente, utilizzare il Ctrl + F2 la scorciatoia da tastiera e il codice VS genereranno un cursore in ogni istanza del file corrente.

7. Cerca in molti file

Se stai lavorando con file che non sono codice sorgente, le funzioni di ricerca dei simboli sopra (nel suggerimento n. 5) non saranno utilizzabili. Quindi cosa puoi fare quando devi trovare una frase o una parola ma non sai in quale file si trova? Torna alla base trova funzione.

Ctrl + F ti permette di cercare all'interno del file corrente, mentre Ctrl + Maiusc + F consente di cercare all'interno di tutti i file nell'intero progetto di lavoro corrente, incluse tutte le sottocartelle in modo ricorsivo.

8. Utilizzare la riga di comando in VS Code

Il codice VS viene fornito con un terminale integrato. Su Windows, questo terminale appare come Prompt dei comandi. Su Mac e Linux, si presenta come un prompt di Bash. In entrambi i casi, il terminale si avvia nella directory del progetto di lavoro corrente (se ne viene caricato uno) o nella cartella principale (se non viene caricato alcun progetto).

Supporta anche la possibilità di avere più terminali separati. Basta fare clic su + in alto a destra per generare più istanze di terminale o fare clic su Cestino per chiudere il terminale corrente. Il menu a discesa semplifica il passaggio tra di loro (e non spreca tanto spazio sullo schermo di un'interfaccia basata su schede).

9. Installa un nuovo tema in VS Code

Come ci si aspetterebbe, VS Code ti consente di evidenziare la sintassi del testo e del codice sorgente. Sfortunatamente, non consente il tema dell'interfaccia stessa, ma l'evidenziazione della sintassi è il bit importante. Saresti sorpreso di quanto un buon tema possa aumentare la tua produttività.

Puoi trovare nuovi temi sul Mercato VS Code (sono gratuiti) oppure puoi cercarli direttamente in VS Code.

10. Installa le estensioni di terze parti nel codice VS.

L'ultima caratteristica essenziale da evidenziare è l'estensibilità del codice VS attraverso estensioni di terze parti. Come per i temi, puoi trovarli su Mercato VS Code (sì, anche questi sono gratuiti) oppure puoi cercarli in VS Code. Accedi al pannello Estensioni con il Ctrl + Maiusc + X scorciatoia da tastiera.

Le estensioni sono la chiave per massimizzare la tua produttività. Qui troverai tutti i tipi di strumenti, come linter, debugger, snippet, miglioramenti della qualità della vita dello stesso VS Code, strumenti di costruzione e anche uno che implementa l'emulazione di Vim. Che ne dici di dare un'occhiata a le nostre estensioni VS Code preferite 9 Estensioni del codice di Visual Studio che rendono la programmazione ancora più sempliceVuoi altro da Visual Studio Code? Hai bisogno di strumenti e opzioni di produttività migliorati? Prova queste estensioni di codice di Visual Studio. Leggi di più ?

Visual Studio Code è il miglior editor di testo

Per quanto mi piaccia, sarò il primo ad ammettere che VS Code non è perfetto per nessuno - niente lo è mai - e potrebbe non essere quello che stai cercando. O forse è esattamente quello che ti serve!

Provalo ed entra con una mente aperta. Penso che rimarrai sorpreso da ciò che trovi. Nota che VS Code è solo un editor di testo, non un IDE! (Ulteriori informazioni su differenze tra editor di testo e IDE.) Ma puoi usare le tue abilità VS Code e inizia a scrivere codice nel tuo browser con Microsoft Visual Studio Online Inizia a scrivere codice nel tuo browser con Microsoft Visual Studio OnlineLa codifica collaborativa per Visual Studio Code sta per migliorare con l'arrivo di Microsoft Visual Studio Online. Leggi di più .