Extensões do VS Code para programadores
Tags: vscode, dev, webdev, programming
Published: 2020-02-28 12:11:39

O [VS Code](https://code.visualstudio.com/) é um editor de código que vem ganhando cada vez mais espaço entre os programadores, independente da linguagem utilizada, pois ele é versátil, leve, com muitas funcionalidades nativas úteis e que propiciam a agilidade no desenvolvimento de aplicações, e além de tudo é open source e possui uma comunidade bastante envolvida com seu desenvolvimento e evolução.

Eu já utilizei PHPStorm, NetBeans, Sublime e alguns outros que não lembro o nome, mas com o VS Code eu alcancei um outro nível de produtividade. Com ele pude otimizar o trabalho através de atalhos (quase não utilizo o mouse quando estou programando) e de extensões.

Então eu decidi compartilhar com você algumas das extensões que eu utilizo e que tornam meu trabalho mais produtivo e ágil. Veja a lista a seguir:

## Bracket Pair Colorizer 2

Essa extensão ajuda a identificar pares de chaves ({...}) ao longo do código colorindo cada par de uma cor. Além de trabalhar com cores padrões, ela permite a configuração do conjunto de cores a serem utilizadas.

![Bracket Pair Colorizer 2 by CoenraadS](https://raw.githubusercontent.com/CoenraadS/Bracket-Pair-Colorizer-2/master/images/example.png)
 
**Link no marketplace:** https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

## Dracula Official

O Dracula é um dark theme para o VS Code com uma combinação de cores que deixa o código com uma leitura mais leve e suave (ao menos para mim) e já possui mais de 1 milhão de usuários.

![Dracula Official by Dracula Theme](https://raw.githubusercontent.com/dracula/visual-studio-code/master/screenshot.png)
 
**Link no marketplace:** https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula

## ESLint

A extensão ESLint vai ajudar você programador a melhorar a padronização do seu código JavaScript, uma vez que ela é capaz de identificar ao longo do código tudo o que está fora do padrão configurado. Ela permite diversas configurações para que você possa adequá-la à sua forma de trabalho.

**Link no marketplace:** https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

## PHP Debug

A extensão PHP Debug é incrível pois ela permite realizar o debug de código PHP usando o XDebug dentro do próprio VS Code. A integração dela com o XDebug e o VS Code é incrível e torna o trabalho de escrita de código e debug mais produtivo.

**Link no marketplace:** https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-debug

## PHP IntelliSense

Essa é uma extensão que, do meu ponto de vista, nenhum programador PHP pode deixar de ter instalada no VS Code, pois ela ajuda em muitas coisas como por exemplo na construção do código com autocomplete e referências, busca por códigos dentro da aplicação baseados em namespaces e nomes de classes, informações sobre classes, métodos e variáveis ao colocar o mouse sobre o código.

![PHP IntelliSense by Felix Becker](https://raw.githubusercontent.com/felixfbecker/vscode-php-intellisense/master/images/signatureHelp.gif)

**Link no marketplace:** https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-intellisense

## ApiDoc Snippets

Para que precisa documentar o código, essa extensão é indispensável por ela fornece snippets do APiDoc capazes de otimizar a escrita da documentação e manter tudo padronizado.

![ApiDoc Snippets by Miguel Yax](https://raw.githubusercontent.com/Krazeus/ApiDocSnippets/master/images/basic.gif)

**Link no marketplace:** https://marketplace.visualstudio.com/items?itemName=myax.appidocsnippets

## Bookmarks

Assim como os leitores fazem marcações em seus livros, seja com post-its ou com canetas marca-texto, programadores muitas vezes precisam criar marcações no código mas não querem utilizar muitos comentários para não deixa-lo poluído.
Com essa extensão é possível marcar os pontos desejados no código e voltar a eles posteriormente com apenas um ou dois cliques.

![Bookmarks by Alessandro Fragnani](https://raw.githubusercontent.com/alefragnani/vscode-bookmarks/master/images/printscreen-select-lines.gif)
 
**Link no marketplace:** https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks

## JavaScript (ES6) Code Snippets

Essa extensão traz snippets de código para JavaScript e TypeScript que são utilizados através de atalhos e autocomplete, otimizando o processo de escrita de código e tornando o trabalho dos programadores cada vez mais produtivo, sem falar na redução de problemas por erros de digitação.

**Link no marketplace:** https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

## Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets

Essa é a extensão indispensável a programadores frontend que fazem uso do Bootstrap e do Font Awesome em seus projetos. Ela traz uma série de snippets capazes de auxiliar o trabalho de escrita de código e até mesmo inserção dos arquivos css e javascript necessários dessas bibliotecas.

**Link no marketplace:** https://marketplace.visualstudio.com/items?itemName=thekalinga.bootstrap4-vscode

Se você utiliza alguma outra extensão que eu não listei aqui e ela torna o seu trabalho mais produtivo, compartilhe nos comentários, vou adorar conhecê-la e isso ajudará ainda mais os leitores.