Como alterar o tamanho da fonte do ambiente?

234

Existe uma maneira de alterar o tamanho da fonte do ambiente no Visual Studio Code? Coisas como caixa IntelliSense, painel de depuração, nomes de arquivos etc.

Sei como alterar o tamanho da fonte do editor, mas não consigo descobrir como alterar o tamanho da fonte do ambiente. Então, eu me pergunto se você pode mudar de alguma forma.

Sul Aga
fonte
Você pode encontrar o que deseja em settings.json no menu de preferências. A Microsoft fornece o formato da configuração de personalização em seu site .
Chi-Shan Yu
1
Todas essas respostas também alteram o tamanho da fonte do editor. Como posso alterar o tamanho da fonte do ambiente sem o editor?
mark-Hahn
1
Surpreendente o quanto de não respostas são votadas. Uma resposta para a pergunta do OP simplesmente não é encontrada aqui. No entanto, muitos repetem a mesma resposta para exatamente a mesma pergunta, ainda que diferente do OP.
Pedro Rodrigues

Respostas:

305

Atualmente, não é possível alterar a família ou o tamanho da fonte fora do editor. No entanto, você pode ampliar e reduzir toda a interface do usuário a partir do Viewmenu.

Atualização para nossa versão do VS Code 1.0:

Uma configuração recém-introduzida window.zoomLevelpermite manter o nível de zoom para sempre! Pode ter valores negativos e positivos para aumentar ou diminuir o zoom.

Benjamin Pasero
fonte
3
existe algum plano para tê-lo em um próximo lançamento? podemos votar a favor? a lista de arquivos parece realmente minúsculo em alta resolução, bem como o painel de debug
Sul Aga
Você tentou aplicar mais zoom no menu Visualizar?
Benjamin Pasero 15/11
muito melhor agora. Você pode adicionar esta "solução alternativa" à sua resposta para que eu possa marcá-la como resposta. Obrigado
Sul Aga
se você diminuir o zoom e se perguntar por que o cursor está desaparecendo, verifique se está definido como "linha fina". Ajustá-lo para "linha" corrigirá o problema, pelo menos para um zoom de até 60%.
Michael Johnston
Zoom da janela tem um lado negativo, pode desencadear "fontes difusas" no terminal de, por exemplo: github.com/microsoft/vscode/issues/84194
Sandos
166

Basta copiar "editor.fontSize": 18para o seu setting.jsoneditor.

Pressionar Control+ Shift+ Pe digitar "configurações" permitirá encontrar facilmente o arquivo de configurações do usuário ou da área de trabalho.

insira a descrição da imagem aqui

Edwin
fonte
16
Este trabalho bem, mas não o mesmo que OP necessidade, para redimensionar as coisas inteiras não só no editor de texto
Thaina
@StepanSuvorov veja minha nova resposta abaixo, eu sei que chega tarde, felicidades!
randomguy04
@ randomguy04 ainda não vê atalho para alterar o tamanho em sua resposta
Stepan Suvorov
91

No Código do Visual Studio, pressionando Ctrl+e Ctrl-você pode alterar o tamanho geral da fonte do IDE. Isso ajuda mais rápido do que alterar as configurações em todas as sessões. Espero que ajude...

Alegozalves
fonte
4
note que isso modifica as configurações do usuário "window.zoomLevel": 1, #
Damian Green
2
Na versão mais recente, zoom e é Ctrl + =
Ryan Walker
22

A partir de meados de 2017 Para acessar rapidamente os arquivos de configurações, pressione ctrl+ shift+ pe digite settings. Lá, você encontrará as configurações do usuário e da área de trabalho, lembre-se de que as configurações da área de trabalho substituirão as configurações do usuário ; portanto, é melhor usá-lo diretamente para faça uma alteração global (as configurações da área de trabalho criarão uma pasta na raiz do seu projeto); a partir daí, você terá a opção de adicionar a opção "editor.fontSize": 14às suas configurações como uma sugestão rápida, mas poderá fazê-lo você mesmo e alterar o valor de acordo com sua preferência. tamanho da fonte.

Resumindo:

  1. ctrl+ shift+p

  2. selecione "configurações do usuário"

  3. adicionar "editor.fontSize": 14

randomguy04
fonte
9
isso NÃO responde à pergunta do OP. O OP solicita especificamente a alteração do tamanho da fonte do ambiente, não da fonte do editor.
30519 Chris
Obrigado pelo feedback @ Chris, no entanto, acho que responde à pergunta e tem as informações necessárias. se você quiser tê-lo por ambiente, alterar as configurações do espaço de trabalho, em vez das configurações do usuário e, suas configurações env especifi será mantido na .vscodepasta
randomguy04
4
O OP solicita o environment, como em tudo na GUI que não está no editor de texto Stuff like IntelliSense box, debug panel, file names, etc,. Eu posso estar errado, mas eu não acho que OP refere-se ao env que você está falando
Chris
20

Tente brincar com uma combinação das seguintes configurações do usuário:

{
  "editor.fontSize": 18,
  "window.zoomLevel": 1.5,
}
Andrei Pokrovsky
fonte
isso deve ser adicionado à resposta aceita. Muito conciso e direto no ponto
Chris
4
"window.zoomLevel": 1.5é uma escolha muito boa para cara velho como eu
e2a
Todas as respostas ruins aqui com uma tonelada de votos positivos, esta é finalmente a abordagem correta.
Mark
14

Você pode aumentar e diminuir o zoom em toda a interface do usuário no menu Exibir.

No momento, estou usando a versão 1.21.1 e, no menu de exibição, você pode obter as opções Mais zoom e Menos zoom, que são as segunda e terceira últimas opções. Você pode fazer isso usando Ctrl+ +e Ctrl+ -.

Você pode redefinir o zoom a qualquer momento, selecionando a opção Redefinir zoom .

shankar upadhyay
fonte
1
Aqui, toda a interface do usuário significa o editor VSCode.
Shankar upadhyay
Sim, que as escalas de toda a janela, o que é perfeito se você tem uma tela de alta resolução
Kirill
14

Depois de pressionar Control+ Shift+, Pcomo sugerido por @Edwin:

  1. Procure configurações da área de trabalho:

insira a descrição da imagem aqui

  1. Em seguida, "Coloque suas configurações no arquivo à direita para substituir ... as configurações padrão e do usuário" ou clique na guia Configurações do usuário para ajustar o window.zoomLevel se essa for a ação desejada.

insira a descrição da imagem aqui

usefulBee
fonte
10

De acordo com o registro de alterações da versão 1.2, novos comandos foram adicionados para aumentar e diminuir o zoom da fonte, mas de toda a interface do usuário.

Registro de alterações: https://code.visualstudio.com/updates/v1_24#_font-zoom-commands

Use as seguintes combinações de teclas para substituir as ações de zoom global padrão:

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

no 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" },
ipeluffo
fonte
8
  1. Código VS aberto
  2. Digite o comando CTRL + SHFT + P
  3. Configurações de tipo
  4. O arquivo de configurações será aberto.
  5. Agora, em Usuário> Editor de texto> Fonte, localize Tamanho da fonte
  6. Digite o tamanho da fonte desejada

É isso aí.

hammadshahir
fonte
7

insira a descrição da imagem aqui

Eu tenho o meu definido para "editor.fontSize": 12,

Salve o arquivo, você verá o efeito do jeito certo.

insira a descrição da imagem aqui

Aproveitar !

cyber8200
fonte
4
Isso não é o que foi perguntado para
JohnC
7

Uma abordagem simples para alterar o tamanho da fonte no ambiente de trabalho do Visual Studio:

Vá para : Arquivo -> Preferências -> Configurações OU Pressione CTRL+, ie CTRL + COMMA.

Isso abrirá o settings.json .

Você pode ver três guias lá:

  1. Configurações do Usuário
  2. Configurações da área de trabalho
  3. Configurações da pasta

Vá para Configurações do usuário e adicione isto:

{
"editor.fontSize": 16
}

Agora basta salvar e fechar o arquivo.

No código acima, 16 representa o tamanho da fonte. Aumento da diminuição conforme seu desejo.

Ankit Pandey
fonte
6

(Código VS 1.33.1 no Windows 7)

Aplicar zoom a todos (interface do usuário e editor): CTRL + + , CTRL + - .

Editor de zoom: CTRL + Roda do mouse.

Veja abaixo como eu o consertei.

Conforme sugerido por @Edwin: Pressionar Control + Shift + P e digitar "settings" permitirá encontrar facilmente o arquivo de configurações do usuário ou da área de trabalho.

Meu arquivo de configurações encontra-se aqui: "C: \ Usuários \ Você_Usuário \ AppData \ Roaming \ Código \ Usuário \ settings.json"

Meu arquivo fica assim:

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

Levei anos para descobrir o que eu tinha acidentalmente feito quando minha janela de código foi enorme:

Diminuir o zoom = Ctrl+ Shift+, (vírgula)

Ampliar = Ctrl+ Shift+. (ponto final / período)

Na verdade, não é uma resposta para a pergunta postada, mas acho que alguém como eu vai acabar aqui por causa dos sintomas!

Richard Nixon
fonte
5

Existem muitas opções para alterar o tamanho da fonte no código do Visual studio (versão: 1.36.1), Editor

Opção 1:

Vá para: Arquivo > Preferências > Configurações > selecione a guia Usuário > Editor de texto > Fonte > Tamanho da fonte

Tamanho da fonte: altere o tamanho da fonte em pixels conforme sua exigência


Opção 2:

Pressione Ctrl+P

Procure: settings.json , abra o arquivo e adicione esta linha no arquivo settings.json :

{
    "editor.fontSize": 20
}

Nota: Salvar arquivo após alterações


Opção 3:

Pressione Ctrl+Shift +P

Pesquisa: Fonte do editor Ampliar

  • Basta clicar nele, seu tamanho da fonte aumentará

Pesquisa: Zoom da fonte do editor

  • Basta clicar nele, o tamanho da fonte será reduzido
Udhav Sarvaiya
fonte
4

A partir de agora (março de 2018) e versão 1.21.0, você pode ir para Configurações, pesquisar por 'zoom' e alterar "editor.mouseWheelZoom": falsequal é falso por padrão para true. Isso permitirá ampliar / reduzir o código VS usando o botão de controle e o mouse - ctrl + scrollUp/scrollDown. Para alterar o fontSizeespaço de trabalho / tela geral do VS Code, consulte a resposta da Alegozalves acima.

Abhishek Kakade
fonte
4

No Visual Studio Code, o tamanho da fonte pode ser facilmente alterado na guia Configurações.

A maneira mais simples de fazer isso é pressionar Ctrl+ Shift+P e digite 'Configurações'. Isso mostrará alguns resultados. Escolha 'Configurações (UI)'. A guia Configurações será aberta no editor. Agora você pode alterar as configurações de fonte aqui. Isso afetará apenas a fonte do editor.

Ou você também pode clicar no ícone de configurações na parte inferior esquerda da janela e procurar a fonte a partir daí.

insira a descrição da imagem aqui

Para alterar o tamanho da fonte de todo o ambiente, considere pressionar ctrl+ +. Isso funcionará como aplicar zoom em todo o ambiente, resultando em um tamanho de fonte aumentado.

Selecione Configurações (UI)

Aniruddha Mukherjee
fonte
3

Imprensa Ctrle use a roda do mouse para aumentar o zoom ou para fora .

Bravo
fonte
Você pode aumentar e diminuir o zoom em toda a interface do usuário no menu Exibir. Mas questão é como mudar o tamanho da fonte
3

Imprensa Ctrl, Shift, Pao mesmo tempo, um menu aparecerá, procurarEditor Zoom in . Depois de selecionar isso, a fonte aumentará em algum grau.

Repita isso até atingir o tamanho de fonte desejado.

Shamsul Arefin Sajib
fonte
1

você pode usar editor.fontSizeno seu setting.jsonarquivo do editor.

por exemplo :

{
"editor.fontSize": 14
}
Um azul
fonte