É 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 sobre seu ambiente de trabalho virtual.
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, ensinaremos como editar fontes em várias partes do editor de código do VS.
Como alterar a fonte no código VS
Mesmo se você for um desenvolvedor que já trabalha com o VS há muito tempo, você ainda pode não saber sobre 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. Porém, lembre-se de que os motivos para alterar a 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 acredite 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 o VS?
Primeiramente, você deseja que a distinção entre personagens 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 tempo.
Então, há o fato de que alguns desenvolvedores gostam de usar ligaduras. 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 da fonte no VS:
- Abra o seu editor VS.
- Navegue até a parte superior da tela e selecione Arquivo.
- Agora, no menu suspenso, vá para Preferências>Configurações.
- Agora você verá o Comumente usado seção com um menu no lado direito da tela, você pode acessar a fonte a partir desta página ou seguindo o passo abaixo.
- Ou clique em Editor de Texto> Fonte e procure a entrada padrão “Editor.fontFamily”: “Consolas”.
- Então, em vez de “Consolas, ”Insira o nome de sua fonte preferida.
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, convém manter seus olhos o mais confortáveis 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 para os olhos 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. O ideal é que você queira ver os personagens o mais claramente possível, mas também quer que a linha se ajuste à janela do VS. Portanto, experimente diferentes tamanhos de fonte e encontre a perfeita que atenda às suas necessidades de codificação.
Veja como alterar o tamanho da fonte no VS Code:
- Navegue até o Configurações do Usuário menu (passo número 3 no tutorial de fontes).
- Procure o “Editor.fontSize”: 15 linha, o tamanho da fonte pode ser definido para algo diferente.
- Então, em vez de “15, ”Digite o tamanho de fonte de sua preferência.
Como alterar a fonte do Explorer no código VS
O recurso Explorer no VS Code funciona da mesma forma que o recurso explorer na maioria dos outros aplicativos. Ele é usado para gerenciar, navegar e abrir arquivos e pastas para trabalhar em seu projeto. Visto que 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ê, ficará feliz em saber que pode alterá-lo.
- Vou ao Configurações do Usuário menu novamente.
- Encontre o “Editor.fontSize”: 14 entrada, o tamanho da fonte pode ser diferente.
- Altere para um tamanho de fonte de sua escolha, 18 é usado neste exemplo.
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, que se encontra 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 proceder para alterar a fonte do terminal do VS Code:
- Navegue até a pasta raiz do seu projeto / área de trabalho.
- Abra o settings.json arquivo usando o código VS. Alternativamente, no VS Code, pressione Ctrl + Shift + P (em vez de Ctrl, use Command para dispositivos Mac) e encontre o settings.json Arquivo.
- Altere as três linhas correspondentes para isto:
“Terminal.external.osxExec”: “iTerm.app”,“Terminal.integrated.shell.osx”: “/ bin / zsh”,
“Terminal.integrated.fontFamily”: “D2Coding”,
Observe que D2Coding é um exemplo. Você também pode escolher qualquer outra fonte de sua preferência.
- Salve as configurações quando terminar.
Para alterar o tamanho da fonte do terminal, navegue até o “Terminal.integrated.fontSize”: entrada e defina-a de acordo com sua preferência.
Como alterar a fonte dos comentários no código VS
As entradas de comentário do código estão, por padrão, na mesma fonte do resto do código. Alterar isso faz com que eles se destaquem, o que muitas vezes pode evitar o desperdício de horas de trabalho (é fácil perder um comentário quando ele está na mesma fonte de tudo o mais no VS). Por mais simples que esse tipo de coisa possa parecer, a solução é um pouco mais complexa do que você esperava. Além disso, os resultados podem não ser ideais, pois isso pode causar alguns problemas de alinhamento. Ainda assim, não custa tentar:
- Vá para a pasta de instalação raiz do VS Code em seu dispositivo.
- Navegue até o toque em style.css entrada no terminal. Isso criará uma folha de estilo.
- Agora é hora de adicionar a regra da fonte. Aqui está um exemplo de estilo:
.mtk3 {família da fonte: "iosevka";
tamanho da fonte: 1em;
estilo da fonte: itálico;
}
- Aberto settings.json e adicione esta entrada:
"vscode_custom_css.imports":"file: ///Users/username/.vscode/style.css"],
- Agora, baixe o plugin Custom CSS e JS Loader.
- Depois de instalado, use o Ctrl + Shift + P comando e certifique-se de que o plugin está habilitado.
- Reinicie o VS Code.
- 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 permite ao usuário alterar o tamanho da fonte do terminal. No entanto, existe uma solução alternativa que envolve o CSS Customizado e o plugin JS Loader mencionados.
- No plug-in, navegue até os detalhes da extensão e siga a seção do tutorial com atenção.
- Use a seguinte lógica:
"vscode_custom_css.imports ": [" [inserir URL do arquivo personalizado] "] - Faça isso para cada arquivo personalizado.
O resultado deve ser uma barra lateral do VS Code muito melhor e esteticamente agradável.
Como alterar a fonte usando sistemas operacionais diferentes
Se você estiver codificando em VS, você está usando um computador Windows, 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 da 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.
FAQ adicional
Por que não posso mudar a fonte no VS Code?
Existem muitos erros que você pode cometer no VS Code, e alterar a fonte não é tão simples como fazê-lo no MS Word. Como você usará muita codificação para alterar a fonte real do VS Code, você deve saber sobre as omissões mais comuns que as pessoas fazem. 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 codificação no VS Code é Consolas. Se você seguir este guia, poderá alterar a maioria das fontes no VS Code, quer estejamos falando sobre o código em si, o terminal, os comentários ou o recurso 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 faço para hackear uma fonte do VS Code?
Originalmente, hackear significava modificar, mas, se com isso você quer dizer adicionar a fonte do 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 programador, incluindo hackers, usa uma fonte de sua preferência. Um bom exemplo de uma fonte popular que é supostamente uma "escolha do hacker" seria Ray Bluetens, também conhecida como Lawn Dart Fonts.
Alterar 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 sobre software de codificação aqui, o VS oferece uma ampla variedade de opções em comparação com sua concorrência. Siga as instruções neste artigo e torne sua experiência de codificação a mais personalizada, amigável e fácil possível.
Você conseguiu editar suas configurações de fonte no VS Code? Você teve algum problema? Role para baixo e verifique nossa seção de comentários abaixo. Está repleto de bons conselhos. Não deixe de fazer suas próprias perguntas ou de iniciar uma discussão. Nossa comunidade fica mais do que feliz em ajudar.