Visual Studio Code trasforma la modifica e la scrittura di nuovo codice in un'esperienza divertente e senza problemi. Il tema scuro predefinito di VS Code è stato progettato per essere più facile per gli occhi rispetto a un normale sfondo bianco duro che può causare affaticamento dopo lunghe ore di lavoro. Ma cosa succede se non ti piacciono i colori scuri sullo schermo mentre lavori?
Il vantaggio del design modulare di VS Code è che hai un'enorme libertà nel cambiare il tema scuro originale con molte diverse opzioni di personalizzazione che abbracciano la gamma di colori dello schermo, caratteri e persino l'aspetto del terminale integrato di VS Code stesso.
Questo articolo ti dirà tutto ciò che devi sapere sulla modifica dei temi in VS Code.
Come cambiare tema in VS Code
Cambiare il tema generale in VS Code è semplice e veloce. Ecco cosa devi fare:
- Apri VS Code.
- Seleziona File (Codice su macOS), seleziona Preferenze, quindi scegli Tema colore.
- VS Code ti mostrerà una selezione di temi predefiniti tra cui scegliere in un menu a discesa.
- Usa i tasti del cursore per visualizzare in anteprima l'aspetto di ogni tema direttamente sullo schermo.
- Premi Invio mentre selezioni per scegliere il tema da utilizzare.
Cambiare il tema con uno diverso preconfigurato potrebbe essere la prima cosa che fai quando apri VS Code per la prima volta. La programmazione può richiedere molto tempo, quindi è utile utilizzare un tema con cui ti trovi a tuo agio e che non ti faccia male agli occhi mentre lavori.
come trovare qualcuno sull'app di contanti
Come cambiare il tema del terminale in VS Code
Se si desidera attenersi alle diverse opzioni preconfigurate per il colore e il tema del terminale, il processo è lo stesso della modifica del tema generale. Tutti i temi integrati includono opzioni per modificare l'aspetto del tuo terminale, ma non puoi separarlo dalle altre parti del tema stesso dal menu principale.
Prima di utilizzare i passaggi di cui sopra per modificare il tema, aprire la console del terminale (Ctrl + Maiusc + P) per visualizzare in anteprima le modifiche apportate al terminale. Alcuni temi non apportano modifiche al terminale, mentre altri possono spostarlo drasticamente. Inoltre, utilizzare un tema che ti piace solo moderatamente non va bene, poiché potresti trovarti a utilizzare il terminale più di quanto pensavi inizialmente.
Tuttavia, ci sono alcune soluzioni alternative che ti permetteranno di cambiare il tema del terminale, che tratteremo nelle sezioni seguenti.
Come cambiare il tema del materiale in VS Code
La caratteristica principale di VS Code è la sovrabbondanza di interessanti estensioni per personalizzare la tua esperienza di codifica e portare più funzionalità all'editor di testo. Una di queste estensioni è il file Tema materiale , uno dei più popolari nel suo genere nel Marketplace di VS Code.
Il tema materiale ha molti vantaggi rispetto ai design pre-personalizzati, ma alcuni utenti potrebbero trovarlo carente. Il manuale utente di questa estensione include alcuni suggerimenti su come apportare ulteriori modifiche in base alle proprie esigenze. Ecco come cambiare il tema generale in Tema materiale:
- Apri il menu rapido (Ctrl + Maiusc + P).
- Digita il tema nel prompt.
- Scegli Preferenze: Tema colore.
- Seleziona uno dei preset del tema del materiale.
L'impostazione di un colore accento farà apparire una parte del codice, che può essere utile se si tratta di una riga particolarmente importante o problematica da diagnosticare. Per impostare un colore di accento, utilizzare i seguenti passaggi:
- Apri il menu rapido (Ctrl + Maiusc + P).
- Digita il tema del materiale nel prompt.
- Scegli il tema del materiale: imposta il colore dell'accento.
- Scegli il colore che ti piace dalla lista.
Con un tema materiale modificato, puoi ottenere una personalizzazione che è al di sopra della norma e ti mostreremo come.
Come personalizzare manualmente un tema in VS Code
VS Code consente molte più personalizzazioni rispetto al semplice passaggio tra pochi preset. Ecco due modi per personalizzare il tema in base ai tuoi gusti.
Metodo 1: scarica un tema personalizzato
Quando parliamo di personalizzazione, non possiamo fare a meno di menzionare l'espansivo VS Code Marketplace . Esistono varie estensioni che modificano esclusivamente l'aspetto di VS Code senza interferire con la sua funzionalità. Ecco come scaricare un tema.
- Apri il VS Code Marketplace . È inoltre possibile utilizzare il menu delle estensioni integrato a sinistra dello schermo.
- Digita il tema nella barra di ricerca per sfogliare solo gli elementi che cambiano il tema. Uno dei nostri migliori consigli è il tema materiale menzionato sopra, ma siamo sicuri che potrai trovarne uno più adatto a te.
- Scarica l'estensione (se utilizzi un browser), quindi installa il file .VSIX andando su Estensioni> icona con i puntini di sospensione> Installa da VSIX. In alternativa, quando trovi il tema che ti piace in VS Code, fai clic su di esso, quindi seleziona il pulsante Installa nel menu dei dettagli (a destra).
- Una volta installato e abilitato il tema, selezionalo con il comando Preferenze: Tema colore.
Metodo 2 - Modifica del tema
Tutti i temi e le impostazioni vengono archiviati in VS Code utilizzando testo normale. Segui i passaggi per accedere a queste impostazioni e apportare le modifiche desiderate:
- Crea un workbench o un file delle impostazioni utente. Il primo cambierà solo l'aspetto del progetto corrente, ma il secondo rimarrà nei nuovi progetti.
- Digita Preferenze: Apri il comando Impostazioni nel menu principale.
- Seleziona la scheda in alto a sinistra per scegliere tra le impostazioni utente e workbench.
- Premi su Modifica in settings.json per aprire il file che contiene le impostazioni che devi modificare.
- Trova l'impostazione denominata workbench.colorCustomizations.
- Concentrati sulla modifica del tema che desideri inserendo
[Theme_name]: { }
Theme_name è il nome del tema che desideri modificare. Conserva le virgolette.
- Ulteriori modifiche al tema vengono apportate nelle nuove parentesi. Digita il nome del parametro che desideri modificare (tra virgolette), digita ':' quindi scegli l'impostazione appropriata di cui hai bisogno.
- Uso questa guida per trovare i parametri che desideri modificare.
- I colori sono memorizzati in codice esadecimale. Usare un colore guida esadecimale per individuare il colore che desideri.
- Quando hai finito con le modifiche, salva il file.
Questo metodo può essere utilizzato per modificare la maggior parte dell'interfaccia utente e l'aspetto del codice, inclusi il colore del tema di base, gli sfondi, l'aspetto del terminale, i colori dei pulsanti e gli stili dei caratteri.
Se ti stai chiedendo come modificare il carattere nel codice VS, utilizza il metodo 2 descritto sopra. Probabilmente avrai bisogno di un file guida .
Domande frequenti aggiuntive
Dove vengono archiviati i temi del codice VS?
I temi che provengono dalle estensioni vengono archiviati nella cartella delle estensioni di VS Code. Questa posizione si trova nella directory di installazione (ad esempio C :) e di solito può essere trovata qui:
~/.vscode/extensions
Qui, ~ è la directory di installazione per VS Code.
I temi di base sono archiviati in: Microsoft VS Code resources app extensions theme-defaults temi
Tuttavia, non è necessario perdere tempo a cercare file da modificare. La modifica delle impostazioni utente tramite il file settings.json fornirà risultati molto più rapidi.
Come si cambia il colore del commento in VS Code?
Per modificare i colori dei commenti, apri il file settings.json (usa il metodo 2 descritto sopra), seleziona il tema che desideri modificare, quindi inserisci (tra virgolette):
come avviare al prompt dei comandi di Windows 7
comments : #hexcode
Qui, hexcode è il codice per il colore desiderato. Usa un selettore di colori per scegliere un colore appropriato.
Qual è il miglior tema in VS Code?
Il miglior tema di VS Code è quello che trovi più piacevole e utile per i tuoi sforzi di programmazione. Diversi utenti possono avere preferenze di colore e tema distinte. Per fortuna, ci sono molte opzioni tra cui scegliere, sia nei temi preconfigurati, nei download di estensioni o nella possibilità di personalizzare un tema esattamente a proprio piacimento.
Scegli il tuo tema
Con queste istruzioni, puoi personalizzare completamente un tema come desideri. Con la sua ricchezza di opzioni, VS Code rimane uno degli editor di testo più popolari e la sua capacità di acquisire nuove funzionalità con estensioni lo rende molto simile a un IDE.
Quali temi usi in VS Code? Hai apportato modifiche al tuo tema preferito? Fateci sapere nella sezione commenti qui sotto.
