Personalizzare il tuo codice VS
Aggiornato su September 02, 2024 3 minuti a leggere
Introduzione
Visual Studio Code (VS Code) è uno degli editor di codice più popolari nel settore tecnologico, poiché offre funzionalità robuste e un design leggero che lo hanno reso l’editor di codice preferito dagli sviluppatori di tutto il mondo. La sua popolarità può essere attribuita, in parte, al suo aspetto personalizzabile, che ci consente di creare spazi di codifica fantasiosi e accattivanti. In questo articolo esploreremo come personalizzare l’aspetto del tuo vs codice in base alle tue preferenze, inclusi i temi dell’editor di codice, i temi delle icone e le modifiche al colore della barra degli strumenti.
Temi delle icone
Anche se le icone predefinite di Visual Studio Code vanno bene, perché limitarti a loro quando puoi avere una festa visiva? Puoi modificare l’aspetto del tuo esplora file con temi di icone, che ne migliorano sia l’attrattiva visiva che l’usabilità.
Una delle scelte più popolari tra gli sviluppatori è l’estensione Material Icon Theme. Con questa estensione, il tuo esplora file avrà una raccolta di icone colorata e ben organizzata, modellata sul Material Design di Google. Ogni tipo di file ha la propria icona distintiva e immediatamente identificabile, che migliora l’aspetto generale del tuo spazio di lavoro.
Per installare l’estensione Material Icon Theme, attenersi alla seguente procedura:
-
Apri il codice di Visual Studio.
-
Vai alla vista Estensioni facendo clic sull’icona Estensioni nella barra degli strumenti sul lato sinistro della finestra.
-
Cerca “Tema icona materiale” e fai clic su Installa.
Dopo l’installazione, fai clic sull’icona a forma di ingranaggio nell’angolo in basso a sinistra e seleziona “Tema icona file” per scegliere il tema icona materiale.
Temi dell’editor di codice
Ora che il tuo esplora file ha un bell’aspetto, concentriamoci sull’editor di codice stesso. Sebbene i temi chiari e scuri predefiniti di VS Code siano fantastici, ci sono occasioni in cui desideri qualcosa di un po’ più personalizzato ed elegante.
Una buona opzione come tema, soprattutto per coloro che preferiscono programmare al buio, è l’estensione del tema Night Owl. Night Owl, creato pensando al contrasto e alla leggibilità, ha uno schema di colori rilassante che aiuta ad alleviare l’affaticamento degli occhi durante le sessioni di programmazione prolungate.
Per installare l’estensione del tema Night Owl:
Passare alla vista Estensioni.
Cerca “Night Owl” e fai clic su Installa.
Dopo l’installazione, scegli Night Owl come tema aprendo la palette dei comandi (Ctrl+Shift+P su Windows/Linux, Cmd+Shift+P su macOS), selezionando “Tema colore” e scegliendo Night Owl dall’elenco dei temi installati nel tuo editor di codice.
Colore della barra degli strumenti
Ora che l’aspetto e la sensazione del tuo editor di codice sono perfetti, personalizziamo il colore della barra degli strumenti per mettere la ciliegina sulla torta. È qui che entra in gioco l’estensione del pavone.
Grazie all’estensione Peacock, puoi personalizzare il tuo spazio di lavoro cambiando il colore della barra degli strumenti sul lato dell’editor di codice. Non solo è esteticamente gradevole, ma se hai più istanze di VS Code aperte, può anche aiutarti a distinguerle.
Per installare l’estensione Peacock:
-
Vai alla vista Estensioni.
-
Cerca “Peacock” e fai clic su Installa.
Dopo l’installazione, puoi personalizzare il colore della barra degli strumenti aprendo la tavolozza dei comandi, cercando “Pavone: inserisci un colore” e quindi inserendo il valore esadecimale del colore che desideri impostare per la barra degli strumenti vs code.
Conclusione
La personalizzazione del codice di Visual Studio non si limita a modificare i colori. Devi anche creare un ambiente di codifica che corrisponda al tuo stile e aumenti la produttività. Quindi sentiti libero di giocare e creare un’area di codifica che stimoli la tua immaginazione in termini di aspetto e di esplorare altre fantasiose funzionalità dello straordinario VS Code. Buona programmazione!