Comment changer la taille de police de l'environnement?


234

Existe-t-il un moyen de modifier la taille de la police d'environnement dans Visual Studio Code? Des trucs comme la boîte IntelliSense, le panneau de débogage, les noms de fichiers, etc.

Je sais comment modifier la taille de police de l'éditeur, mais je ne sais pas comment modifier la taille de police de l'environnement. Je me demande donc si vous pouvez le changer d'une manière ou d'une autre.


Vous pouvez trouver ce que vous voulez dans settings.json dans le menu des préférences. Microsoft donne le format de paramètre de personnalisation dans leur site .
Chi-Shan Yu

1
Toutes ces réponses modifient également la taille de la police de l'éditeur. Comment puis-je changer la taille de la police d'environnement sans l'éditeur?
mark-hahn

1
Surprenant combien de non réponses se lèvent voté. Une réponse à la question OP n'est tout simplement pas trouvée ici. Pourtant, beaucoup répètent la même réponse à la même question, mais différente du PO.
Pedro Rodrigues

Réponses:


305

Actuellement, il n'est pas possible de modifier la famille de polices ou la taille en dehors de l'éditeur. Vous pouvez cependant effectuer un zoom avant et arrière sur l'ensemble de l'interface utilisateur à partir du Viewmenu.

Mise à jour de notre version VS Code 1.0:

Un paramètre nouvellement introduit window.zoomLevelpermet de conserver le niveau de zoom pour de bon! Il peut avoir des valeurs négatives et positives pour effectuer un zoom avant ou arrière.


3
est-il prévu de l'avoir dans une prochaine version? pouvons-nous voter pour cela? la liste des fichiers est vraiment minuscule en haute résolution ainsi que le panneau de débogage
Sul Aga

Avez-vous essayé l'action de zoom avant dans le menu d'affichage?
Benjamin Pasero

bien mieux maintenant. Pouvez-vous s'il vous plaît ajouter cette "solution de contournement" à votre réponse afin que je puisse la marquer comme une réponse. Merci
Sul Aga

si vous effectuez un zoom arrière et que vous vous demandez pourquoi le curseur disparaît, vérifiez s'il est réglé sur "ligne fine". Le régler sur "ligne" corrigera le problème, au moins pour un zoom jusqu'à 60%.
Michael Johnston

Le zoom de fenêtre a un inconvénient, il peut déclencher des "polices floues" dans le terminal, par exemple: github.com/microsoft/vscode/issues/84194
sandos

166

Copiez simplement "editor.fontSize": 18dans votre setting.jsonéditeur.

En appuyant sur Control+ Shift+ Ppuis en tapant "paramètres", vous pourrez facilement trouver le fichier de paramètres utilisateur ou espace de travail.

entrez la description de l'image ici


16
Cela fonctionne bien, mais pas de la même manière que OP, pour redimensionner des choses entières non seulement dans l'éditeur de texte
Thaina

@StepanSuvorov voir ma nouvelle réponse ci-dessous, je sais que cela arrive tard cependant, cheers!
randomguy04

@ randomguy04 ne voit toujours pas de raccourci pour changer la taille dans votre réponse
Stepan Suvorov

91

Dans Visual Studio Code, en appuyant sur Ctrl+et Ctrl-vous pouvez modifier la taille de police globale de l'EDI. Cela aide plus rapidement que la modification des paramètres dans chaque session. J'espère que ça aide...


4
note, cela modifie les paramètres utilisateur "window.zoomLevel": 1,
Damian Green

2
Dans la version la plus récente, le zoom est Ctrl + =
Ryan Walker

22

À partir de la mi-2017 Pour accéder rapidement aux fichiers de paramètres, appuyez sur ctrl+ shift+ pet entrez settings, vous y trouverez les paramètres utilisateur et les paramètres de l'espace de travail, sachez que les paramètres de l'espace de travail remplaceront les paramètres utilisateur , il est donc préférable d'utiliser ces derniers directement pour en faire un changement global (les paramètres de l'espace de travail créeront un dossier dans la racine de votre projet), à partir de là, vous aurez la possibilité d'ajouter l'option "editor.fontSize": 14à vos paramètres sous forme de suggestion rapide, mais vous pouvez le faire vous-même et changer la valeur selon votre préférence taille de police.

Résumer:

  1. ctrl+ shift+p

  2. sélectionnez "paramètres utilisateur"

  3. ajouter "editor.fontSize": 14


9
cela ne répond PAS à la question d'OP. OP demande spécifiquement de changer la taille de la police de l'environnement, pas la police de l'éditeur.
Chris

Merci pour la rétroaction @Chris, mais je pense que cela répond à la question et contient les informations nécessaires. si vous le souhaitez par environnement, modifiez les paramètres de l'espace de travail plutôt que les paramètres utilisateur et, vos paramètres env spécifiques seront conservés dans le .vscodedossier
randomguy04

4
L'OP demande le environment, comme dans tout l'interface graphique qui ne sont pas dans l'éditeur de texte, Stuff like IntelliSense box, debug panel, file names, etc. Je peux me tromper, mais je ne pense pas que OP se réfère à l'env dont vous parlez
Chris

20

Essayez de jouer avec une combinaison des paramètres utilisateur suivants:

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

cela devrait être ajouté à la réponse acceptée. Très concis et précis
Chris

4
"window.zoomLevel": 1.5est un très bon choix pour un gars comme moi
e2a

Toutes les mauvaises réponses ici avec une tonne de votes positifs, c'est finalement la bonne approche.
Mark

14

Vous pouvez zoomer et dézoomer toute l'interface utilisateur à partir du menu Affichage.

En ce moment, j'utilise la version 1.21.1 et dans le menu Affichage, vous pouvez obtenir l'option Zoom avant et Zoom arrière qui sont les 2e et 3e dernières options. Vous pouvez le faire en utilisant Ctrl+ +et Ctrl+- .

Vous pouvez réinitialiser le zoom à tout moment en sélectionnant l' option Réinitialiser le zoom .


1
Ici, l'interface utilisateur complète signifie l'éditeur VSCode.
shankar upadhyay

Oui, cela met à l'échelle toute la fenêtre, ce qui est parfait si vous avez un écran haute résolution
Kirill

14

Après avoir appuyé sur Control+ Shift+ Pcomme suggéré par @Edwin:

  1. Recherchez les paramètres de l'espace de travail:

entrez la description de l'image ici

  1. Ensuite, "Placez vos paramètres dans le fichier à droite pour remplacer ... les paramètres par défaut et les paramètres utilisateur", ou cliquez sur l'onglet Paramètres utilisateur pour ajuster le window.zoomLevel si telle est l'action souhaitée.

entrez la description de l'image ici


10

Selon le changelog de la version 1.2, de nouvelles commandes ont été ajoutées pour zoomer et dézoomer uniquement la police mais toute l'interface utilisateur.

Journal des modifications: https://code.visualstudio.com/updates/v1_24#_font-zoom-commands

Utilisez les raccourcis clavier suivants pour remplacer les actions de zoom global par défaut:

sur 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" },

sous Windows et 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. Code VS ouvert
  2. Commande type CTRL + SHFT + P
  3. Type Paramètres de
  4. Le fichier de paramètres s'ouvre.
  5. Maintenant, sous Utilisateur> Éditeur de texte> Police, recherchez taille de la police
  6. Entrez la taille de police souhaitée

C'est tout.


7

entrez la description de l'image ici

J'ai le mien prêt à "editor.fontSize": 12,

Enregistrez le fichier, vous verrez l'effet directement.

entrez la description de l'image ici

Prendre plaisir !


4
ce n'est pas ce qui était demandé
JohnC

7

Une approche simple pour modifier la taille de police dans l'environnement de travail Visual Studio:

Allez dans : Fichier -> Préférences -> Paramètres OU Appuyez sur CTRL+, ie CTRL + COMMA.

Cela ouvrira settings.json .

Vous pouvez y voir 3 onglets:

  1. Paramètres utilisateur
  2. Paramètres de l'espace de travail
  3. Paramètres des dossiers

Accédez aux paramètres utilisateur et ajoutez ceci:

{
"editor.fontSize": 16
}

Maintenant, enregistrez et fermez le fichier.

Dans le code ci-dessus, 16 représente la taille de la police. Augmentation de la diminution selon votre souhait.


6

(VS Code 1.33.1 sur Windows 7)

Zoom tout (UI et éditeur): CTRL + + , CTRL + - .

Éditeur de zoom: CTRL + molette de souris.

Voir ci-dessous comment je l'ai corrigé.

Comme suggéré par @Edwin: Appuyer sur Ctrl + Maj + P puis taper "paramètres" vous permettra de trouver facilement le fichier de paramètres utilisateur ou espace de travail.

Mon fichier de paramètres se trouve ici: "C: \ Users \ You_user \ AppData \ Roaming \ Code \ User \ settings.json"

Mon fichier ressemble à ceci:

{
    "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

Cela m'a pris beaucoup de temps pour comprendre ce que j'avais accidentellement fait lorsque ma fenêtre de code était devenue énorme:

Zoom arrière = Ctrl+ Shift+ ,(virgule)

Zoom avant = Ctrl+ Shift+. (point / période)

Pas vraiment une réponse à la question posée, mais je pense que quelqu'un comme moi se retrouvera ici à cause des symptômes!


5

Il existe de nombreuses options pour modifier la taille de la police dans le code Visual studio (version: 1.36.1), Editor

Option 1:

Accédez à: Fichier > Préférences > Paramètres > sélectionnez l' onglet Utilisateur > Éditeur de texte > Police > Taille de police

Taille de la police: changez la taille de la police en pixels selon vos besoins


Option 2:

Appuyez sur Ctrl+P

Recherche: settings.json , ouvrez le fichier et ajoutez cette ligne dans le fichier settings.json :

{
    "editor.fontSize": 20
}

Remarque: enregistrer le fichier après les modifications


Option 3:

Appuyez sur Ctrl+ Shift+P

Recherche: police de l'éditeur Zoom avant

  • Cliquez simplement dessus, la taille de votre police sera augmentée

Recherche: police de l'éditeur Zoom arrière

  • Cliquez simplement dessus, la taille de votre police sera diminuée

4

À partir de maintenant (mars 2018) et de la version 1.21.0, vous pouvez aller dans Paramètres, rechercher `` zoom '' et changer "editor.mouseWheelZoom": falsece qui est faux par défaut en true. Cela permettra de zoomer / dézoomer sur VS Code en utilisant le bouton de commande et la souris - ctrl + scrollUp/scrollDown. Pour changer l' fontSizeespace de travail global / écran de VS Code, reportez-vous à la réponse d'Alegozalves ci-dessus.


4

Dans Visual Studio Code, la taille de police peut être facilement modifiée à partir de l'onglet Paramètres.

La façon la plus simple de le faire est d'appuyer sur Ctrl+ Shift+P puis de taper «Paramètres». Cela vous montrera quelques résultats. Choisissez 'Paramètres (UI)'. L'onglet Paramètres s'ouvre dans l'éditeur. Vous pouvez maintenant modifier les paramètres de police à partir d'ici. Cela n'affectera que la police de l'éditeur.

Ou, vous pouvez également cliquer sur l'icône des paramètres en bas à gauche de la fenêtre et rechercher la police à partir de là.

entrez la description de l'image ici

Afin de modifier la taille de police de l'ensemble de l'environnement, vous pouvez envisager d'appuyer sur ctrl+ +. Cela fonctionnera comme un zoom sur tout l'environnement, ce qui augmentera la taille de la police.

Sélectionnez Paramètres (UI)


3

Appuyez sur Ctrlet utilisez la molette de la souris pour effectuer un zoom avant ou arrière .


Vous pouvez zoomer et dézoomer toute l'interface utilisateur à partir du menu Affichage. Mais la question est de savoir comment changer la taille de la police

3

Appuyez sur Ctrl, Shift, Pen même temps, un menu apparaît, recherchezEditor Zoom in . Après avoir sélectionné cela, la police s'agrandira dans une certaine mesure.

Répétez cette opération jusqu'à obtenir la taille de police souhaitée.


1

vous pouvez utiliser editor.fontSizedans votre setting.jsonfichier de l'éditeur.

par exemple :

{
"editor.fontSize": 14
}
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.