#Codice_di_Visual_Studio
#personalizzazione
#temi_dell'editor_di_codice

Personalizzazione del codice VS

12/7/2023

Personalizzazione del codice VS cover image

Introduzione

Visual Studio Code (VS Code) è uno degli editor di codice più diffusi nel settore tecnologico, in quanto 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 permette di creare spazi di codifica fantasiosi e accattivanti. In questo articolo analizzeremo come personalizzare l'aspetto di vs code in base alle proprie preferenze, compresi 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é limitarsi ad esse quando si può avere una festa visiva? È possibile modificare l'aspetto dell'esploratore di file con temi di icone, che ne migliorano l'aspetto e l'usabilità.

Una delle scelte più popolari tra gli sviluppatori è l'estensione Material Icon Theme. Con questa estensione, l'esploratore di file avrà una collezione di icone colorate e ben organizzate, sul modello del Material Design di Google. Ogni tipo di file ha la sua icona distintiva e immediatamente identificabile, il che migliora l'aspetto generale del vostro spazio di lavoro.

Per installare l'estensione Material Icon Theme, procedere come segue:

  1. Aprire Visual Studio Code.

  2. Passare alla visualizzazione delle estensioni facendo clic sull'icona Estensioni nella barra degli strumenti sul lato sinistro della finestra.

  3. Cercate "Material Icon Theme" e fate clic su installa.

Dopo l'installazione, fare clic sull'icona a forma di ingranaggio nell'angolo in basso a sinistra e selezionare "File Icon Theme" per scegliere il Material Icon Theme.

Temi dell'editor di codice

Ora che l'esploratore di file ha un bell'aspetto, concentriamoci sull'editor di codice stesso. Sebbene i temi predefiniti di VS Code, chiaro e scuro, siano ottimi, ci sono occasioni in cui si desidera qualcosa di più personalizzato ed elegante.

Una buona opzione come tema, soprattutto per coloro che preferiscono codificare al buio, è l'estensione del tema Night Owl. Night Owl, creato tenendo conto del contrasto e della leggibilità, ha una combinazione di colori rilassante che aiuta ad alleviare l'affaticamento degli occhi durante le sessioni di codifica prolungate.

Per installare l'estensione del tema Night Owl:

Passare alla vista Estensioni.

Cercate "Night Owl" e fate clic su installa.

Dopo l'installazione, scegliete Night Owl come tema aprendo la Command Palette (Ctrl Shift P su Windows/Linux, Cmd Shift P su macOS), selezionando "Color Theme" e scegliendo Night Owl dall'elenco dei temi installati nell'editor di codice.

Colore della barra degli strumenti

Ora che l'aspetto e la sensazione dell'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 Peacock.

Grazie all'estensione Peacock, potete personalizzare il vostro spazio di lavoro cambiando il colore della barra degli strumenti a lato dell'editor di codice. Questo non solo è esteticamente piacevole, ma se avete più istanze di VS Code aperte, può anche aiutarvi a distinguerle.

Per installare l'estensione Peacock:

  1. Passare alla vista Estensioni.

  2. Cercate "Peacock" e fate clic su installa.

Dopo l'installazione, è possibile personalizzare il colore della barra degli strumenti aprendo la tavolozza dei comandi, cercando "Peacock": Inserire un colore", quindi inserire il valore esadecimale del colore che si desidera impostare per la barra degli strumenti del codice Vs.

Conclusione

La personalizzazione del codice di Visual Studio va oltre la semplice modifica dei colori. È anche necessario creare un ambiente di codifica che corrisponda al vostro stile e aumenti la produttività. Quindi, sentitevi liberi di giocare e di creare un'area di codifica che stimoli la vostra immaginazione in termini di aspetto e di esplorazione di altre fantasiose funzioni del fantastico VS Code. Buona codifica!


Career Services background pattern

Servizi per le carriere

Contact Section background image

Rimaniamo in contatto

Code Labs Academy © 2024 Tutti i diritti riservati.