Come modificare la dimensione del carattere dell'ambiente?


234

C'è un modo per modificare la dimensione del carattere dell'ambiente in Visual Studio Code? Oggetti come box IntelliSense, pannello di debug, nomi di file, ecc.

So come modificare la dimensione del carattere dell'editor, ma non riesco a capire come modificare la dimensione del carattere dell'ambiente. Quindi mi chiedo se puoi cambiarlo in qualche modo.


Puoi trovare ciò che desideri in settings.json dal menu delle preferenze. Microsoft fornisce le impostazioni di personalizzazione nel loro sito .
Chi-Shan Yu,

1
Tutte queste risposte cambiano anche la dimensione del carattere dell'editor. Come posso modificare la dimensione del carattere dell'ambiente senza l'editor?
mark-hahn,

1
Sorprendente quante non risposte hanno votato. Non è possibile trovare una risposta alla domanda OP qui. Eppure così tanti ripetono la stessa risposta allo stesso identico, ma diversa domanda dal PO.
Pedro Rodrigues,

Risposte:


305

Attualmente non è possibile modificare la famiglia di caratteri o le dimensioni al di fuori dell'editor. Puoi comunque ingrandire e rimpicciolire l'intera interfaccia utente dal Viewmenu.

Aggiornamento per la nostra versione VS Code 1.0:

Un'impostazione appena introdotta window.zoomLevelconsente di mantenere il livello di zoom per sempre! Può avere valori sia negativi che positivi per ingrandire o ridurre.


3
c'è qualche piano per averlo in una prossima versione? possiamo votare per questo? l'elenco dei file sembra davvero minuscolo in alta risoluzione e il pannello di debug
Sul Aga,

Hai provato lo zoom in azione dal menu Visualizza?
Benjamin Pasero,

molto meglio ora. Puoi aggiungere questa "soluzione alternativa" alla tua risposta in modo che io possa contrassegnarla come risposta. Grazie
Sul Aga,

se esegui lo zoom indietro e ti chiedi perché il cursore sta scomparendo, controlla se è impostato su "linea sottile". Impostandolo su "linea" si risolverà il problema, almeno per lo zoom fino al 60%.
Michael Johnston,

Lo zoom della finestra ha un aspetto negativo, può attivare "caratteri sfocati" nel terminale, ad esempio: github.com/microsoft/vscode/issues/84194
sandos,

166

Copia "editor.fontSize": 18nel tuo setting.jsoneditor.

Premendo Control+ Shift+ Pe quindi digitando "impostazioni" sarà possibile trovare facilmente il file delle impostazioni dell'utente o dell'area di lavoro.

inserisci qui la descrizione dell'immagine


16

@StepanSuvorov vedi la mia nuova risposta qui sotto, so che però arriva tardi, evviva!
randomguy04,

@ randomguy04 non vede ancora la scorciatoia per cambiare dimensione nella tua risposta
Stepan Suvorov

91

In Visual Studio Code, premendo Ctrl+e Ctrl-è possibile modificare la dimensione complessiva del carattere dell'IDE. Questo aiuta più velocemente rispetto alla modifica delle impostazioni in ogni sessione. Spero che sia d'aiuto...


4
nota, questo modifica le impostazioni utente "window.zoomLevel": 1,
Damian Green

2
Nella versione più recente, lo zoom avanti è Ctrl + =
Ryan Walker

22

A partire dalla metà del 2017 Per accedere rapidamente ai file delle impostazioni premere ctrl+ shift+ ped entrare settings, lì troverai le impostazioni utente e le impostazioni dell'area di lavoro, tieni presente che le impostazioni dell'area di lavoro avranno la precedenza sulle impostazioni dell'utente , quindi è meglio usare quest'ultima direttamente per renderlo un cambiamento globale (le impostazioni dell'area di lavoro creeranno una cartella nella radice del progetto), da lì avrai la possibilità di aggiungere l'opzione "editor.fontSize": 14alle tue impostazioni come suggerimento rapido, ma puoi farlo tu stesso e cambiare il valore nel tuo preferito dimensione del font.

Riassumendo:

  1. ctrl+ shift+p

  2. seleziona "impostazioni utente"

  3. Inserisci "editor.fontSize": 14


9
questo NON risponde alla domanda di OP. OP richiede in particolare la modifica della dimensione del carattere dell'ambiente, non del carattere dell'editor.
Chris,

Grazie per il Feedback @Chris, tuttavia penso che risponda alla domanda e abbia le informazioni necessarie. se si desidera che lo abbia per ambiente, modificare le impostazioni dell'area di lavoro anziché quelle dell'utente e, le impostazioni specifiche dell'utente verranno mantenute nella .vscodecartella
randomguy04

4
Il PO chiede la environment, come in ogni cosa nella GUI che non è nel editor di testo, Stuff like IntelliSense box, debug panel, file names, etc. Potrei sbagliarmi, ma non credo che OP si riferisca all'env di cui stai parlando
Chris

20

Prova a giocare con una combinazione delle seguenti impostazioni utente:

{
  "editor.fontSize": 18,
  "window.zoomLevel": 1.5,
}

questo dovrebbe essere aggiunto nella risposta accettata. Molto conciso e puntuale
Chris,

4
"window.zoomLevel": 1.5è un'ottima scelta per il vecchio come me
e2a

Tutte le risposte negative qui con un sacco di voti, questo è finalmente l'approccio giusto.
Segna il

14

Puoi ingrandire e rimpicciolire l'intera interfaccia utente dal menu Visualizza.

In questo momento sto usando la versione 1.21.1 e nel menu di visualizzazione è possibile ottenere le opzioni Zoom avanti e Zoom indietro che sono la 2a e la 3a ultima opzione. Puoi farlo usando Ctrl+ +e Ctrl+ -.

È possibile ripristinare lo zoom in qualsiasi momento selezionando l' opzione Ripristina zoom .


1
Qui l'intera interfaccia utente indica l'editor VSCode.
Shankar Upadhyay,

Sì, questo ridimensiona l'intera finestra, il che è perfetto se hai uno schermo ad alta risoluzione
Kirill

14

Dopo aver premuto Control+ Shift+ Pcome suggerito da @Edwin:

  1. Cerca le impostazioni dell'area di lavoro:

inserisci qui la descrizione dell'immagine

  1. Quindi "Posiziona le tue impostazioni nel file a destra per sovrascrivere ... impostazioni predefinite e utente" o fai clic sulla scheda Impostazioni utente per regolare window.zoomLevel se è l'azione desiderata.

inserisci qui la descrizione dell'immagine


10

Secondo il log delle modifiche della versione 1.2, sono stati aggiunti nuovi comandi per ingrandire e rimpicciolire solo il font ma l'intera interfaccia utente.

Log delle modifiche: https://code.visualstudio.com/updates/v1_24#_font-zoom-commands

Utilizzare le seguenti combinazioni di tasti per sostituire le azioni di zoom globali predefinite:

su macOS:

{ "key": "cmd+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+cmd+=",         "command": "editor.action.fontZoomIn" },
{ "key": "cmd+=",               "command": "editor.action.fontZoomIn" },
{ "key": "cmd+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+cmd+-",         "command": "editor.action.fontZoomOut" },
{ "key": "cmd+-",               "command": "editor.action.fontZoomOut" },
{ "key": "cmd+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "cmd+0",               "command": "editor.action.fontZoomReset" },

su Windows e Linux:

{ "key": "ctrl+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+ctrl+=",         "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+=",               "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+ctrl+-",         "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+-",               "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "ctrl+0",               "command": "editor.action.fontZoomReset" },

8
  1. Apri VS Code
  2. Digita il comando CTRL + MAIUSC + P
  3. Digita Impostazioni
  4. Il file delle impostazioni si aprirà.
  5. Ora sotto Utente> Editor di testo> Carattere, trova Dimensione carattere
  6. Inserisci la dimensione del carattere desiderata

Questo è tutto.


7

inserisci qui la descrizione dell'immagine

Ho impostato il mio "editor.fontSize": 12,

Salva il file, vedrai l'effetto nel modo giusto.

inserisci qui la descrizione dell'immagine

Godere !


4
non è quello che è stato chiesto
JohnC

7

Un approccio semplice per modificare la dimensione del carattere nell'ambiente di lavoro di Visual Studio:

Vai a : File -> Preferenze -> Impostazioni OPPURE Premi CTRL+ ,ie CTRL + COMMA.

Questo aprirà settings.json .

Puoi vedere 3 schede lì:

  1. Impostazioni utente
  2. Impostazioni dell'area di lavoro
  3. Impostazioni cartella

Vai su Impostazioni utente e aggiungi questo:

{
"editor.fontSize": 16
}

Ora salva e chiudi il file.

Nel codice sopra, 16 rappresenta la dimensione del carattere. Aumento di riduzione secondo il vostro desiderio.


6

(VS Code 1.33.1 su Windows 7)

Zoom tutto (UI ed editor): CTRL + + , CTRL + - .

Editor zoom: CTRL + rotellina del mouse.

Vedi sotto come l'ho risolto.

Come suggerito da @Edwin: premendo Control + Shift + P e quindi digitando "settings" potrai trovare facilmente il file delle impostazioni dell'utente o dell'area di lavoro.

Il mio file delle impostazioni si trova qui: "C: \ Users \ You_user \ AppData \ Roaming \ Code \ User \ settings.json"

Il mio file è simile al seguente:

{
    "editor.fontSize": 12,
    "editor.suggestFontSize": 6,
    "markdown.preview.fontSize": 0,
    "terminal.integrated.fontSize": 10,
    "window.zoomLevel": 0,
    "workbench.sideBar.location": "left",
    "editor.mouseWheelZoom": true
}

6

Mi ci sono voluti anni per capire cosa avevo fatto accidentalmente quando la mia finestra del codice era enorme:

Zoom indietro = Ctrl+ Shift+ ,(virgola)

Zoom avanti = Ctrl+ Shift+ .(punto / periodo completo)

In realtà non è una risposta alla domanda postata, ma penso che qualcuno come me finirà qui a causa dei sintomi!


5

Esistono molte opzioni per modificare la dimensione del carattere nel codice di Visual Studio (versione: 1.36.1), Editor

Opzione 1:

Vai a: File > Preferenze > Impostazioni > seleziona la scheda Utente > Editor di testo > Carattere > Dimensione carattere

Dimensione carattere: modifica la dimensione del carattere in pixel in base alle tue esigenze


Opzione 2:

Premi Ctrl+P

Cerca: settings.json , Apri il file e aggiungi questa riga nel file settings.json :

{
    "editor.fontSize": 20
}

Nota: salvare il file dopo le modifiche


Opzione 3:

Premi Ctrl+ Shift+P

Cerca: Editor Font Ingrandisci

  • Basta fare clic su di esso per aumentare le dimensioni del carattere

Cerca: Editor Font Rimpicciolisci

  • Basta fare clic su di esso, la dimensione del carattere verrà ridotta

4

A partire da ora (marzo 2018) e versione 1.21.0, puoi andare su Impostazioni, cercare 'zoom' e cambiare ciò "editor.mouseWheelZoom": falseche è falso per impostazione predefinita true. Ciò consentirà di ingrandire / ridurre il codice VS utilizzando il pulsante di controllo e il mouse - ctrl + scrollUp/scrollDown. Per modificare lo fontSizespazio / lo schermo di lavoro complessivo di VS Code, fare riferimento alla risposta di Alegozalves sopra.


4

In Visual Studio Code, la dimensione del carattere può essere facilmente modificata dalla scheda Impostazioni.

Il modo più semplice per farlo è premere Ctrl+ Shift+ Pe quindi digitare "Impostazioni". Questo ti mostrerà alcuni risultati. Scegli "Impostazioni (UI)". La scheda Impostazioni verrà aperta nell'editor. Ora puoi modificare le impostazioni del carattere da qui. Ciò influirà solo sul carattere dell'editor.

In alternativa, puoi anche fare clic sull'icona delle impostazioni nella parte inferiore sinistra della finestra e cercare il carattere da lì.

inserisci qui la descrizione dell'immagine

Per modificare la dimensione del carattere dell'intero ambiente, puoi considerare di premere ctrl+ +. Funzionerà come lo zoom su tutto l'ambiente, con conseguente aumento della dimensione del carattere.

Seleziona impostazioni (UI)


3

Premere Ctrle utilizzare la rotellina del mouse per ingrandire o Out .


Puoi ingrandire e rimpicciolire l'intera interfaccia utente dal menu Visualizza. Ma la domanda è come modificare la dimensione del carattere

3

Press Ctrl, Shift, Pallo stesso tempo, apparirà un menu, cercare Editor Zoom in. Dopo averlo selezionato, il carattere si ingrandirà di qualche grado.

Ripeti fino a quando non ottieni la dimensione del carattere desiderata.


1

puoi usarlo editor.fontSizenel tuo setting.jsonfile dell'editor.

per esempio :

{
"editor.fontSize": 14
}
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.