top of page

Personalizando o VSCode

Atualizado: 27 de out.


🎯 Extensão de Cores no VSCode


Ao abrir o VSCode, no menu vertical à esquerda, clique em extensões e procure por "Dracula Official" e faça a instalação. Como outra opção ao "Dracula" sugiro a extensão "Andromeda".

A extensão Dracula para o Visual Studio Code é um tema de cor que altera a aparência do ambiente de desenvolvimento para um esquema de cores escuro e vibrante. Ele é inspirado no esquema de cores popularmente conhecido como "Drácula", que é reconhecido por seus tons escuros de roxo, rosa e verde sobre um fundo preto ou cinza escuro. Essa paleta de cores é considerada por muitos como esteticamente agradável e confortável para longas sessões de codificação.




🎯 Aumentar tamanho da letra no VSCode


Digite na barra superior: >Configurações do Usuário (JSON)



Digite o texto abaixo e salve (ctrl + s). Caso queira aumentar ainda mais a letra, altere o número 16 para um número superior.

{
    "editor.fontSize": 16
}
{
    "editor.fontSize": 16,
    "workbench.colorTheme": "Dracula"
}


🎯 Colocar VSCode em português


Com o VSCode aberto, pressione: CTRL + SHIFT + P


Digite: configure display language Selecione português (Brasil) e reinicie o programa.



🎯 Alterar a fonte do VSCode para Fira Code


A Fira Code é especialmente projetada para programadores e destaca-se por apresentar características específicas que visam melhorar a legibilidade e a experiência de codificação.

Algumas das características notáveis da Fira Code incluem:

  1. Ligaturas: A Fira Code utiliza ligaturas, que são combinações de caracteres que formam um símbolo único. Por exemplo, != é substituído por , -> é substituído por , e assim por diante. Isso torna o código mais limpo e legível.

  2. Símbolos de programação melhorados: Certos símbolos comuns de programação, como setas, operadores matemáticos e outros, são cuidadosamente desenhados para serem claros e distintos, facilitando a identificação e compreensão no código.

  3. Espaçamento e alinhamento: O espaçamento entre os caracteres e o alinhamento vertical são ajustados para melhor legibilidade em tamanhos pequenos, comuns em ambientes de desenvolvimento.

  4. Variações de peso e itálico: A Fira Code oferece variações de peso e itálico para permitir uma diferenciação clara entre diferentes elementos do código, como palavras-chave, strings e comentários.

No geral, a Fira Code é popular entre desenvolvedores devido à sua clareza, legibilidade e estética. Ela é amplamente utilizada em ambientes de desenvolvimento e pode ser facilmente integrada a editores de texto como o Visual Studio Code, Sublime Text, Atom e outros.


Faça o download e arraste o arquivo extraído para a pasta de fontes do windows

Digite na barra superior: >Configurações do Usuário (JSON)

{
    "editor.fontSize": 16,
    "workbench.colorTheme": "Dracula",
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true
}


🎯 Extensão para RGB e Hexadecimal no VSCode


O plugin "Color Highlight" para o Visual Studio Code é uma extensão que adiciona um recurso útil para desenvolvedores que trabalham com cores em seus códigos. Quando você escreve ou utiliza valores de cores em seu código, como "#FF0000" para vermelho, "#00FF00" para verde ou "rgba(255, 0, 0, 0.5)" para vermelho semi-transparente, o plugin Color Highlight identifica esses valores de cor e os destaca com a própria cor que eles representam.



Resultado:



🎯 Extensão IA




🎯 Ícones


o vscode-icons não possui nenhum ícone para arquivos .parquet por exemplo. Abaixo vamos incluí-lo manualmente: Clique em Arquivo, Preferências, Configurações, e no canto superior direito, clique no ícone de abrir configurações (JSON):


Anteriormente esta assim:

Vou alterá-lo para:


{ "workbench.iconTheme": "vscode-icons", "security.workspace.trust.untrustedFiles": "open", "vsicons.associations.files": [ { "icon": "database", "extensions": ["parquet"], "format": "svg" } ] }

Podemos utilizar no lugar de database outros ícones como por exemplo: "code", "file-binary", "settings"


© 2017-2024  Criado e desenvolvido por Amanda Nascimento. 

  • Discord
  • GitHub
  • youtube
  • LinkedIn Amanda
bottom of page