Top extensões para VS Code - Blog ProgramaThor
Blog > Dicas > Top extensões para VS Code
Visual Studio Code, VS Code, VS ou como você queira chamar. O editor de texto foi lançado em 2015 pela Microsoft. Além de ser uma ferramenta totalmente gratuita, é open source. Ou seja, seu código é disponibilizado no GitHub para a comunidade contribuir com melhorias, novas funcionalidades e extensões para VS Code.
Assim como seus concorrentes, a ferramenta permite instalação de extensões. Porém, uma vantagem competitiva do VS Code é que seus plugins são menos pesados, permitindo uma maior variedade sem afetar sua usabilidade. Outro ponto positivo é sua integração nativa com o Git.
Separamos alguns plugins que são úteis e podem te ajudar na produtividade de seus projetos:
>> Leia também: "Melhores editores de texto gratuitos"
Para começar bem a lista, a extensão para VS Code Theme permite que você estilize a interface do seu editor. É importante que ele tenha um visual agradável, afinal, você passará todos os dias olhando para ele.
Aqui vai exemplos de temas interessantes – existem outros milhares:
Pacotes de linguagens e frameworks
VS Code já possui suporte para diversas linguagens e frameworks. Caso sua tecnologia não esteja incluída é possível baixar a extensão. Ela adicionará automaticamente features específicos e essenciais da sua linguagem ou framework.
O que me chamou mais atenção dessa extensão para VS Code foi a diversidade de bibliotecas. O Icon Fonts possui ícones das mais populares fonts, Font Awesome, Ionicons, Glyphicons e Material Design, por exemplo.
>>Leia também: "5 linguagens de programação para aprender"
Este plugin destaca TODO, FIXME e outras anotações em seu código. Ele realça as palavras-chaves por padrão, porém é possível configurá-lo e personalizá-lo.
TODO Highlight quebra um galho gigantesco quando esquecemos de revisar nossos TODOs antes de enviarmos para deploy. Isso economiza retrabalho e aumenta produtividade.
Color Info e SVG Viewer
Para os(as) desenvolvedores(as) Front-end de plantão, separei dois plugins em um tópico. Com o Color Info é possível visualizar as cores que você utilizou no CSS em uma escala maior. Ou seja, a cor será exibida em um "quadrado" maior, além de mostrar suas informações em todos os formatos (hex, rgb. hsl e cmyk).
Já com o SVG Viewer é possível renderizar arquivos SVG e ver como eles ficam sem ter que sair do editor. Você consegue, também, converter para PNG.
O João lá no nosso Twitter deu um feedback sobre o conteúdo e acrescentou mais uma extensão. O Color Highlight, assim como o TODO Highlight, é possível destacar as cores adicionando um background da própria cor.
Uma das extensões para VS Code mais conhecida e usada por desenvolvedores(as) Web. Isso porque, com o Prettier, é possível formatar documentas Javascript e CSS e deixá-los iguais para toda a equipe, independente de quem escreveu.
>>Leia também: Emprego como desenvolvedor: checklist prático
Quokka é um plugin de depuração. Ou seja, fornece feedback ao vivo sobre o código. A extensão é fácil de configurar e funciona automaticamente com projetos TypeScript.
Por última, mas não menos importante, temos o Open-In-Browser. O VS Code não oferece nenhuma interface incorporada para abrir arquivos no navegador. Com o plugin, é possível adicionar um item "Abrir com navegador padrão".
Obviamente você não tem obrigação de usar todas as extensões do artigo. O objetivo do conteúdo é apresentar plugins que podem te ajudar e aumentar sua produtividade.
Quer participar de uma comunidade de desenvolvedores(as)? Conheça a He4rt Developers. Entre no link: discord.io/He4rt
Fique à vontade de compartilhar feedbacks e outras extensões para VS Code nos comentário. Espero que tenha gostado do texto 🙂