VS Code – Come cambiare il carattere

È facile per uno sviluppatore sottovalutare l'importanza del proprio ambiente di lavoro. No, non stiamo parlando della tua sedia, scrivania e colore della parete. Stiamo parlando del tuo ambiente di lavoro virtuale.

Far sentire il tuo editor di codice di Visual Studio come a casa è immensamente importante per l'efficienza del tuo lavoro. Il carattere copre gran parte della sensazione complessiva di VS. In questo articolo, ti insegneremo come modificare i caratteri in varie parti dell'editor VS Code.

Come cambiare il carattere in VS Code

Anche se sei uno sviluppatore che lavora con VS da molto tempo, potresti ancora non conoscere le sue opzioni di modifica dei caratteri.

Se non ti interessa il motivo per cui è importante scegliere il tuo carattere, passa direttamente al tutorial di alcuni paragrafi qui sotto. Tieni presente, tuttavia, che i motivi per cambiare il tuo carattere (descritti di seguito) possono aiutare la tua decisione.

Perché i caratteri sono così importanti in VS? Ebbene, se l'aspetto estetico non vi basta (e fidatevi, dopo ore e ore passate in un editor di codice, comincia a essere importante), in realtà si tratta anche di funzionalità. Quindi, cosa rende un font "appropriato" per VS?

In primo luogo, vorrai che la distinzione tra personaggi simili sia notevole. Ad esempio, distinguere facilmente il numero 1 e la L minuscola può velocizzare notevolmente la codifica e risparmiare tempo.

Poi, c'è il fatto che ad alcuni sviluppatori piace usare le legature. Le legature sono alcuni simboli uniti tra loro. Questi sono anche chiamati "glifi" e possono significare molto durante la codifica.

Senza ulteriori indugi, ecco come modificare la famiglia di caratteri in VS:

  1. Apri il tuo editor VS.

  2. Passare alla parte superiore dello schermo e selezionare File.

  3. Ora, nel menu a discesa, vai a Preferenze >Impostazioni.

  4. Ora vedrai il Usato comunemente sezione con un menu sul lato destro dello schermo, è possibile accedere al carattere da questa pagina o seguendo il passaggio sottostante.

  5. Oppure clicca su Editor di testo > Carattere e cerca la voce predefinita “editor.fontFamily”: “Consolas”.

  6. Allora, invece di "Consolas", inserisci il nome del tuo carattere preferito.

Questo dovrebbe cambiare automaticamente la famiglia di caratteri.

Come modificare la dimensione del carattere in VS Code

Anche se hai una vista perfetta, vorrai mantenere i tuoi occhi il più comodi possibile quando scrivi righe di codice. Proprio come la discrepanza tra caratteri simili è importante quando si sceglie una famiglia di caratteri, la dimensione del carattere è importante per rendere la codifica più facile alla vista e aiutarti a lavorare in modo più efficiente.

Non esiste una formula magica per la migliore dimensione del carattere per la codifica. Idealmente, vorrai vedere i personaggi nel modo più chiaro possibile, ma vorrai anche che la linea si adatti alla finestra VS. Quindi, prova diverse dimensioni di carattere e trova quello perfetto che si adatta alle tue esigenze di codifica.

Ecco come modificare la dimensione del carattere in VS Code:

  1. Vai a Impostazioni utente menu (passaggio numero 3 nel tutorial sui font).

  2. Cerca il “editor.fontSize”: 15 line, la dimensione del carattere potrebbe essere impostata su qualcosa di diverso.

  3. Allora, invece di "15", inserisci la dimensione del carattere che preferisci.

Come cambiare il carattere di Explorer in VS Code

La funzione Explorer in VS Code funziona proprio come la funzione Explorer nella maggior parte delle altre app. Viene utilizzato per gestire, sfogliare e aprire file e cartelle per lavorare sul progetto. Poiché VS Code si basa su cartelle e file, Explorer ti consente di iniziare facilmente: apri semplicemente il file/cartella utilizzando VS Code. E 'così semplice.

Puoi aspettarti di utilizzare VS Code Explorer un bel po '. Se la dimensione del carattere di Explorer non ti soddisfa, sarai felice di sapere che puoi cambiarla.

  1. Vai al Impostazioni utente menu di nuovo.

  2. Trovare la “editor.fontSize”: 14 voce, la dimensione del carattere potrebbe essere diversa.

  3. Modificalo con una dimensione del carattere a tua scelta, 18 viene utilizzato in questo esempio.

Come cambiare il carattere del terminale in VS Code

Invece di cambiare finestra o apportare modifiche allo stato del terminale esistente, VS Code ti consente di utilizzare un terminale integrato, che si trova nella radice del tuo progetto/area di lavoro. Naturalmente, potresti voler apportare modifiche al carattere qui per facilità d'uso. Ecco come cambiare il carattere del terminale VS Code:

  1. Passa alla cartella principale del tuo progetto/area di lavoro.
  2. Apri il settings.json file utilizzando VS Code. In alternativa, in VS Code, premere Ctrl+Maiusc+P (invece di Ctrl, usa Command per dispositivi Mac) e trova il settings.json file. File di impostazioni JSON codice VS
  3. Cambia le tre linee corrispondenti in questo:

    “terminal.external.osxExec”: “iTerm.app”,

    “terminal.integrated.shell.osx”: “/bin/zsh”,

    “terminal.integrated.fontFamily”: “D2Coding”,

    Notare che D2Coding è un esempio. Puoi anche scegliere qualsiasi altro carattere che preferisci.

  4. Salva le impostazioni al termine.

Per modificare la dimensione del carattere del terminale, vai a “terminal.integrated.fontSize”: voce e impostala su quella che preferisci.

Come cambiare il carattere per i commenti in VS Code

Le voci dei commenti al codice hanno, per impostazione predefinita, lo stesso carattere del resto del codice. La modifica di questo li fa risaltare, il che spesso può evitare ore di lavoro sprecato (è facile perdere un commento quando è nello stesso carattere di tutto il resto in VS). Per quanto semplice possa sembrare questo genere di cose, la soluzione è un po' più complessa di quanto ti aspetteresti. Inoltre, i risultati potrebbero non essere ideali, poiché ciò potrebbe causare alcuni problemi di allineamento. Tuttavia, non fa male provare:

  1. Vai alla cartella di installazione principale di VS Code sul tuo dispositivo.
  2. Vai a tocco style.css ingresso nel terminale. Questo creerà un foglio di stile.
  3. Ora è il momento di aggiungere la regola del carattere. Ecco un esempio di stile:

    .mtk3 {

    famiglia di caratteri: "iosevka";

    dimensione del carattere: 1em;

    stile del carattere: corsivo;

    }

  4. Aprire settings.json e aggiungi questa voce:

    "vscode_custom_css.imports":

    "file:///Utenti/nomeutente/.vscode/style.css"],

  5. Ora scarica il plugin Custom CSS e JS Loader.
  6. Una volta installato, usa il Ctrl+Maiusc+P comando e assicurati che il plugin sia abilitato.
  7. Riavvia il codice VS.
  8. I commenti dovrebbero ora avere un nuovo carattere.

Come modificare la dimensione del carattere della barra laterale in VS Code

Non esiste alcuna impostazione in VS Code che consenta all'utente di modificare la dimensione del carattere del terminale. Tuttavia, esiste una soluzione alternativa e coinvolge il plugin Custom CSS e JS Loader menzionato.

  1. Nel plugin, vai ai dettagli dell'estensione e segui attentamente la sezione del tutorial.
  2. Usa la seguente logica:

    "vscode_custom_css.imports": ["[inserire URL file personalizzato]"]

  3. Fallo per ogni file personalizzato.

Il risultato dovrebbe creare una barra laterale VS Code molto migliore ed esteticamente gradevole.

Come cambiare il carattere usando diversi sistemi operativi

Se stai codificando in VS, stai utilizzando un computer Windows, un Mac o un sistema Linux. Sebbene questi tre non siano identici in termini di VS, le differenze si riducono principalmente all'opzione del tasto Ctrl/Cmd e alle posizioni predefinite dei file VS Code. Quindi, il principio del cambio di carattere in VS Code rimane praticamente lo stesso su tutti i dispositivi.

Domande frequenti aggiuntive

Perché non posso cambiare il carattere in VS Code?

Ci sono molti errori che puoi fare in VS Code e cambiare il carattere non è così semplice come farlo in MS Word. Poiché utilizzerai molta codifica per modificare il carattere VS Code effettivo, dovresti conoscere la supervisione più comune che le persone fanno. Assicurati che ogni voce sia racchiusa tra virgolette. Per esempio, "vscode_custom_css.imports": ["file:///Users/nomeutente/.vscode/style.css"], non funzionerà a meno che non utilizzi le virgolette. Inoltre, assicurati di utilizzare gli spazi tra i comandi.

Quale carattere viene utilizzato per il codice in VS Code?

Per impostazione predefinita, il carattere utilizzato per la codifica in VS Code è Consolas. Se segui questa guida, puoi modificare la maggior parte dei caratteri in VS Code, che si tratti del codice stesso, del terminale, dei commenti o della funzione di esplorazione.

Tuttavia, se stai parlando del carattere trovato nelle immagini del sito Web ufficiale di VS Code, nessuno può dirti quale è stato utilizzato. A meno che gli sviluppatori di VS Code non rivelino esplicitamente quale font è stato utilizzato, non c'è modo di scoprirlo.

Come posso hackerare un font VS Code?

In origine, hackerare significava modificare, ma, se con questo intendi aggiungere il carattere Hack a VS, puoi aggiungerlo tramite il sito Web di Hack. Scarica il carattere TrueType da Hack. Estrai il file zip scaricato. Installa i file estratti. Quindi, vai su Strumenti, seguito da Opzioni. Nel menu Opzioni, seleziona Ambiente, quindi vai a Caratteri e colori. Apri il menu a discesa Carattere e seleziona la voce Hack.

Che tipo di carattere usano gli hacker?

Come regola generale, ogni programmatore, inclusi gli hacker, utilizza un font che gli piace. Un buon esempio di un font popolare che è presumibilmente una "scelta da hacker" sarebbe Ray Bluetens, noto anche come Lawn Dart Fonts.

Modifica delle opzioni dei caratteri in VS Code

Gestire le opzioni dei caratteri in VS Code non è sicuramente così semplice come cambiare i caratteri in un programma di editor di testo. Tuttavia, considerando che qui stiamo parlando di software di codifica, VS offre un'ampia varietà di opzioni rispetto alla concorrenza. Segui le istruzioni in questo articolo e rendi la tua esperienza di programmazione il più personalizzata, intuitiva e fluida possibile.

Sei riuscito a modificare le impostazioni dei caratteri in VS Code? Hai riscontrato problemi? Scorri verso il basso e controlla la nostra sezione commenti qui sotto. È pieno di buoni consigli. Non astenerti dal porre una domanda per conto tuo o dall'iniziare una discussione. La nostra comunità è più che felice di aiutarti.

messaggi recenti

$config[zx-auto] not found$config[zx-overlay] not found