Código VS - Como alterar a fonte

É fácil para um desenvolvedor subestimar a importância de seu ambiente de trabalho. Não, não estamos falando sobre sua cadeira, mesa e cor da parede. Estamos falando do seu ambiente de trabalho virtual.

Código VS - Como alterar a fonte

Fazer com que seu editor de código do Visual Studio se sinta em casa é extremamente importante para a eficiência do seu trabalho. A fonte cobre uma grande parte da sensação geral do VS. Neste artigo, vamos ensinar como editar fontes em várias partes do editor do VS Code.

Como alterar a fonte no código VS

Mesmo que você seja um desenvolvedor que trabalha com o VS há muito tempo, talvez ainda não conheça as opções de alteração de fonte.

Se você não se importa com a importância de escolher sua própria fonte, pule direto para o tutorial alguns parágrafos abaixo. Tenha em mente, porém, que os motivos para alterar sua fonte (descritos abaixo) podem ajudar na sua decisão.

Por que as fontes são tão importantes no VS? Bem, se o aspecto estético não é suficiente para você (e confie em nós, depois de horas e horas gastas em um editor de código, isso começa a importar), na verdade também é sobre funcionalidade. Então, o que torna uma fonte “apropriada” para VS?

Principalmente, você deseja que a distinção entre caracteres semelhantes seja notável. Por exemplo, distinguir facilmente o número 1 e o L minúsculo pode acelerar significativamente sua codificação e economizar seu tempo.

Depois, há o fato de que alguns desenvolvedores gostam de usar ligaduras. As ligaduras são alguns símbolos unidos. Eles também são chamados de “glifos” e podem significar muito durante a codificação.

Sem mais delongas, veja como alterar a família de fontes no VS:

  1. Abra seu editor VS.
    Código VS - Como alterar a fonte
  2. Navegue até a parte superior da tela e selecione Arquivo .
    Código VS - Como alterar a fonte
  3. Agora, no menu suspenso, vá para Preferências > Configurações .
    Código VS - Como alterar a fonte
  4. Agora você verá a seção comumente usada com um menu no lado direito da tela. Você pode acessar a fonte nesta página ou seguindo a etapa abaixo.
    Código VS - Como alterar a fonte
  5. Ou clique em Editor de Texto > Fonte e procure a entrada padrão “editor.fontFamily”: “Consolas ”.
    Código VS - Como alterar a fonte
  6. Em seguida, em vez de “ Consolas ”, insira o nome de sua fonte preferida.
    Código VS - Como alterar a fonte

Isso deve alterar automaticamente a família da fonte.

Como alterar o tamanho da fonte no código VS

Mesmo se você tiver uma visão perfeita, você vai querer manter seus olhos o mais confortável possível ao escrever linhas de código. Assim como a discrepância entre caracteres semelhantes é importante ao escolher uma família de fontes, o tamanho da fonte é importante para tornar a codificação mais fácil de ver e ajudá-lo a trabalhar com mais eficiência.

Não existe uma fórmula mágica para o melhor tamanho de fonte para codificação. Idealmente, você deseja ver os caracteres da forma mais clara possível, mas também deseja que a linha caiba na janela do VS. Portanto, experimente diferentes tamanhos de fonte e encontre o perfeito que atenda às suas necessidades de codificação.

Veja como alterar o tamanho da fonte no VS Code:

  1. Navegue até o menu Configurações do usuário (etapa número 3 no tutorial de fonte).
    Código VS - Como alterar a fonte
  2. Procure a linha “editor.fontSize”: 15 , o tamanho da fonte pode ser diferente.
    Código VS - Como alterar a fonte
  3. Em seguida, em vez de 15 , insira o tamanho de fonte de sua preferência.
    Código VS - Como alterar a fonte

Como alterar a fonte do Explorer no VS Code

O recurso Explorer no VS Code funciona exatamente como o recurso explorer na maioria dos outros aplicativos. Ele é usado para gerenciar, navegar e abrir arquivos e pastas para trabalhar em seu projeto. Como o VS Code é baseado em pastas e arquivos, o Explorer torna mais fácil para você começar - basta abrir o arquivo/pasta usando o VS Code. É simples assim.

Você pode esperar usar bastante o VS Code Explorer. Se o tamanho da fonte do Explorer não for adequado para você, você ficará feliz em saber que pode alterá-lo.

  1. Vá para o menu Configurações do usuário novamente.
    Código VS - Como alterar a fonte
  2. Encontre a entrada “editor.fontSize”: 14 , o tamanho da fonte pode ser diferente.
    Código VS - Como alterar a fonte
  3. Altere para um tamanho de fonte de sua escolha, 18 é usado neste exemplo.
    Código VS - Como alterar a fonte

Como alterar a fonte do terminal no código VS

Em vez de alternar janelas ou fazer alterações no estado do terminal existente, o VS Code permite que você use um terminal integrado, encontrado na raiz do seu projeto/espaço de trabalho. Claro, você pode querer fazer alterações na fonte aqui para facilitar o uso. Veja como alterar a fonte do terminal VS Code:

  1. Navegue até a pasta raiz do seu projeto/espaço de trabalho.
  2. Abra o arquivo settings.json usando o VS Code. Como alternativa, no VS Code, pressione Ctrl + Shift + P (em vez de Ctrl , use Command para dispositivos Mac) e localize o arquivo settings.json .Código VS - Como alterar a fonte
  3. Altere as três linhas correspondentes para isto: Observe que D2Coding é um exemplo. Você também pode escolher qualquer outra fonte de sua preferência.
    “terminal.external.osxExec”: “iTerm.app”,
    “terminal.integrated.shell.osx”: “/bin/zsh”,
    “terminal.integrated.fontFamily”: “D2Coding”,

  4. Salve as configurações quando terminar.

Para alterar o tamanho da fonte do terminal, navegue até a entrada “terminal.integrated.fontSize”: e defina-a como de sua preferência.

Como alterar a fonte dos comentários no código VS

As entradas de comentários de código são, por padrão, na mesma fonte que o resto do código. Alterar isso os destaca, o que muitas vezes pode evitar horas de trabalho desperdiçadas (é fácil perder um comentário quando está na mesma fonte de todo o resto no VS). Por mais simples que esse tipo de coisa possa parecer, a solução é um pouco mais complexa do que você esperaria. Além disso, os resultados podem não ser ideais, pois isso pode causar alguns problemas de alinhamento. Ainda assim, não custa tentar:

  1. Vá para a pasta de instalação raiz do VS Code no seu dispositivo.
  2. Navegue até a entrada touch style.css no terminal. Isso criará uma folha de estilo.
  3. Agora, é hora de adicionar a regra da fonte. Aqui está um exemplo de estilo:
    .mtk3 {

    font-family: "iosevka";

    font-size: 1em;

    font-style: italic;

    }
  4. Abra settings.json e adicione esta entrada:
    "vscode_custom_css.imports":
    "file:///Users/username/.vscode/style.css"],
  5. Agora, baixe o plug-in Custom CSS and JS Loader .
  6. Depois de instalado, use o comando Ctrl + Shift + P e verifique se o plug-in está ativado.
  7. Reinicie o código VS.
  8. Os comentários agora devem ter uma nova fonte.

Como alterar o tamanho da fonte da barra lateral no código VS

Não há configuração no VS Code que permita ao usuário alterar o tamanho da fonte do terminal. No entanto, existe uma solução alternativa e envolve o plug-in Custom CSS e JS Loader mencionado.

  1. No plug-in, navegue até os detalhes da extensão e siga atentamente a seção do tutorial.
  2. Use a seguinte lógica:
    "vscode_custom_css.imports": ["[insert custom file URL]"]
  3. Faça isso para cada arquivo personalizado.

O resultado deve resultar em uma barra lateral do VS Code muito melhor e esteticamente agradável.

Como alterar a fonte usando diferentes sistemas operacionais

Se estiver codificando no VS, você está usando um computador com Windows, um Mac ou um sistema Linux. Embora esses três não sejam idênticos em termos de VS, as diferenças se resumem principalmente à opção de tecla Ctrl / Cmd e aos locais padrão dos arquivos do VS Code. Portanto, o princípio de alteração de fonte no VS Code permanece praticamente o mesmo em todos os dispositivos.

Perguntas frequentes adicionais

Por que não consigo alterar a fonte no VS Code?

Há muitos erros que você pode cometer no VS Code, e alterar a fonte não é tão simples quanto fazê-lo no MS Word. Como você usará muita codificação para alterar a fonte real do VS Code, você deve saber sobre o descuido mais comum que as pessoas cometem. Certifique-se de que cada entrada esteja entre aspas. Por exemplo, “vscode_custom_css.imports”: [“file:///Users/username/.vscode/style.css”] , não funcionará a menos que você use as aspas. Além disso, certifique-se de usar espaços entre os comandos.

Qual fonte é usada para código no VS Code?

Por padrão, a fonte usada para codificar no VS Code é Consolas. Se você seguir este guia, poderá alterar a maioria das fontes no VS Code, seja sobre o código em si, o terminal, os comentários ou o recurso do explorer.

No entanto, se você está falando sobre a fonte encontrada nas imagens do site oficial do VS Code, ninguém pode dizer qual foi usada. A menos que os desenvolvedores do VS Code revelem explicitamente qual fonte foi usada, não há como descobrir.

Como hackear uma fonte do VS Code?

Originalmente, hack significava modificar, mas, se com isso você quer dizer adicionar a fonte Hack ao VS, você pode adicioná-la através do site do Hack . Baixe a fonte TrueType do Hack. Extraia o arquivo zip baixado. Instale os arquivos extraídos. Em seguida, vá para Ferramentas, seguido de Opções. No menu Opções, selecione Ambiente e navegue até Fontes e cores. Abra o menu suspenso Fonte e selecione a entrada Hack.

Qual fonte os hackers usam?

Como regra geral, todo codificador, incluindo hackers, usa uma fonte de sua preferência. Um bom exemplo de uma fonte popular que supostamente é uma “escolha do hacker” seria a Ray Bluetens, também conhecida como Lawn Dart Fonts.

Alterando as opções de fonte no código VS

Lidar com as opções de fonte no VS Code definitivamente não é tão simples quanto alterar as fontes em um programa de edição de texto. No entanto, considerando que estamos falando de software de codificação aqui, o VS oferece uma ampla variedade de opções em comparação com a concorrência. Siga as instruções deste artigo e torne sua experiência de codificação a mais personalizada, fácil de usar e tranquila possível.

Você conseguiu editar suas configurações de fonte no VS Code? Você encontrou algum problema? Role para baixo e confira nossa seção de comentários abaixo. Está repleto de bons conselhos. Não se abstenha de fazer uma pergunta ou iniciar uma discussão. Nossa comunidade está mais do que feliz em ajudar.

Sign up and earn $1000 a day ⋙

Leave a Comment

7 maneiras simples de deixar seu celular Samsung menos chato

7 maneiras simples de deixar seu celular Samsung menos chato

Seu caro Samsung Galaxy não precisa ser exatamente igual a todos os outros celulares do mercado. Com alguns ajustes, você pode torná-lo mais pessoal, estiloso e único.

Por que tantas pessoas decidem mudar para a Samsung depois de anos usando o iPhone?

Por que tantas pessoas decidem mudar para a Samsung depois de anos usando o iPhone?

Depois de ficarem entediados com o iOS, eles finalmente mudaram para os telefones Samsung e não se arrependem dessa decisão.

Como corrigir erro de login da conta Apple na web

Como corrigir erro de login da conta Apple na web

A interface web da conta Apple no seu navegador permite que você visualize suas informações pessoais, altere configurações, gerencie assinaturas e muito mais. Mas às vezes você não consegue fazer login por vários motivos.

Como alterar DNS em telefones iPhone e Android

Como alterar DNS em telefones iPhone e Android

Alterar o DNS no iPhone ou no Android ajudará você a manter uma conexão estável, aumentar a velocidade da conexão de rede e acessar sites bloqueados.

5 dicas para tornar o Buscar no iPhone mais preciso

5 dicas para tornar o Buscar no iPhone mais preciso

Quando o Find My se tornar impreciso ou não confiável, aplique alguns ajustes para torná-lo mais preciso quando for mais necessário.

Como deixar a câmera ultra grande angular do seu celular estranhamente incrível

Como deixar a câmera ultra grande angular do seu celular estranhamente incrível

Muitas pessoas nunca imaginaram que a câmera mais fraca do celular se tornaria uma arma secreta para fotografia criativa.

Como ativar o NFC no iPhone de forma fácil e rápida

Como ativar o NFC no iPhone de forma fácil e rápida

Near Field Communication é uma tecnologia sem fio que permite que dispositivos troquem dados quando estão muito próximos uns dos outros, normalmente a poucos centímetros.

Potência adaptável e baixo consumo: qual modo de economia de bateria do iPhone você deve usar?

Potência adaptável e baixo consumo: qual modo de economia de bateria do iPhone você deve usar?

A Apple lançou o Adaptive Power, que funciona em conjunto com o Modo de Baixo Consumo. Ambos prolongam a duração da bateria do iPhone, mas funcionam de maneiras muito diferentes.

Os 11 melhores aplicativos de clique automático para Android sem root

Os 11 melhores aplicativos de clique automático para Android sem root

Com aplicativos de clique automático, você não precisará fazer muita coisa ao jogar, usar aplicativos ou realizar tarefas disponíveis no dispositivo.

6 recursos exclusivos do Pixel que você pode transferir para qualquer telefone Android

6 recursos exclusivos do Pixel que você pode transferir para qualquer telefone Android

Dependendo das suas necessidades, você provavelmente terá um conjunto de recursos exclusivos do Pixel em execução no seu dispositivo Android existente.

Como recuperar 22 GB de armazenamento de um telefone Samsung sem excluir nenhum dado importante

Como recuperar 22 GB de armazenamento de um telefone Samsung sem excluir nenhum dado importante

A solução não envolve necessariamente excluir suas fotos ou aplicativos favoritos; a One UI inclui algumas opções que facilitam a recuperação de espaço.

10 dispositivos que podem ser conectados à porta de carregamento do smartphone

10 dispositivos que podem ser conectados à porta de carregamento do smartphone

A maioria de nós trata a entrada de carregamento do smartphone como se sua única função fosse manter a bateria funcionando. Mas essa pequena entrada é muito mais poderosa do que parece.

11 dicas que valem a pena compartilhar ao tirar fotos com seu celular

11 dicas que valem a pena compartilhar ao tirar fotos com seu celular

Se você está cansado de dicas genéricas que nunca funcionam, aqui estão algumas que vêm transformando silenciosamente a maneira como você tira fotos.

Como ler facilmente as especificações do smartphone

Como ler facilmente as especificações do smartphone

Se você está em busca de um novo smartphone, a primeira coisa que naturalmente olha é a ficha técnica. Ela está repleta de dicas sobre desempenho, duração da bateria e qualidade da tela.

Instruções para confirmar a confiança em aplicativos no iPhone

Instruções para confirmar a confiança em aplicativos no iPhone

Ao instalar um aplicativo no seu iPhone a partir de outra fonte, você precisará confirmar manualmente se o aplicativo é confiável. Em seguida, o aplicativo será instalado no seu iPhone para uso.