Introdução
Visual Studio Code (VS Code) é um dos editores de código mais populares na indústria de tecnologia, pois oferece recursos robustos e um design leve que o tornaram o editor de código preferido de desenvolvedores em todo o mundo. Sua popularidade pode ser atribuída, em parte, à sua aparência personalizável, que nos permite criar espaços de codificação sofisticados e atraentes. Neste artigo, exploraremos como personalizar a aparência do vs code de acordo com suas preferências, incluindo temas do editor de código, temas de ícones e alterações de cores da barra de ferramentas.
Temas de ícones
Embora os ícones padrão do Visual Studio Code sejam bons, por que limitar-se a eles quando você pode ter um banquete visual? Você pode alterar a aparência do seu explorador de arquivos com temas de ícones, que melhoram seu apelo visual e usabilidade.
Uma das escolhas mais populares entre os desenvolvedores é a extensão Material Icon Theme. Com esta extensão, seu explorador de arquivos terá uma coleção colorida e bem organizada de ícones, modelados a partir do Material Design do Google. Cada tipo de arquivo tem seu próprio ícone distinto e instantaneamente identificável, o que melhora a aparência geral do seu espaço de trabalho.
Para instalar a extensão Material Icon Theme, siga estas etapas:
-
Abra o código do Visual Studio.
-
Vá para a visualização Extensões clicando no ícone Extensões na barra de ferramentas no lado esquerdo da janela.
-
Procure por "Material Icon Theme" e clique em instalar.
Após a instalação, clique no ícone de engrenagem no canto inferior esquerdo e selecione "Tema do ícone de arquivo" para escolher o tema do ícone do material.
Temas do Editor de Código
Agora que seu explorador de arquivos está bom, vamos nos concentrar no próprio editor de código. Embora os temas claros e escuros padrão do VS Code sejam ótimos, há ocasiões em que você deseja algo um pouco mais personalizado e elegante.
Uma boa opção como tema, principalmente para quem prefere codificar no escuro, é a extensão do tema Night Owl. Night Owl, que foi criado pensando no contraste e na legibilidade, tem um esquema de cores calmante que ajuda a aliviar o cansaço visual durante sessões prolongadas de codificação.
Para instalar a extensão do tema Night Owl:
Navegue até a visualização Extensões.
Procure por "Night Owl" e clique em instalar.
Após a instalação, escolha Night Owl como tema abrindo a paleta de comandos (Ctrl+Shift+P no Windows/Linux, Cmd+Shift+P no macOS), selecionando "Color Theme" e escolhendo Night Owl na lista de temas instalados em seu editor de código.
Cor da barra de ferramentas
Agora que a aparência do seu editor de código está perfeita, vamos personalizar a cor da barra de ferramentas para colocar a cereja no topo. É aqui que a extensão Peacock entra em ação.
Graças à extensão Peacock, você pode personalizar seu espaço de trabalho alterando a cor da barra de ferramentas na lateral do seu editor de código. Isso não é apenas esteticamente agradável, mas se você tiver várias instâncias do VS Code abertas, também pode ajudar a distingui-las.
Para instalar a extensão Peacock:
-
Vá para a visualização Extensões.
-
Procure por "Peacock" e clique em instalar.
Após a instalação, você pode personalizar a cor da barra de ferramentas abrindo a paleta de comandos, pesquisando “Peacock: Insira uma cor” e, em seguida, colocando o valor hexadecimal da cor que deseja definir para sua barra de ferramentas vs code.
Conclusão
Personalizar o código do Visual Studio é mais do que apenas alterar cores. Você também precisa criar um ambiente de codificação que corresponda ao seu estilo e aumente a produtividade. Portanto, sinta-se à vontade para brincar e criar uma área de codificação que estimule sua imaginação em termos de aparência, além de explorar outros recursos sofisticados do incrível VS Code. Boa codificação!
Acelere suas habilidades – Aprenda a programar on-line com Code Labs Academy.
