O VS Code faz isso e eu nem sabia!

Quem nasceu antes dos anos 2000, jamais poderia imaginar que a Microsoft um dia abraçaria o movimento open source como tem feito nos últimos anos. Desde que o atual presidente da companhia, Satya Nadella, entrou no cargo, a Microsoft está diferente e isso é ótimo para nós, que trabalhamos fazendo código. Independente se você é a favor ou contra a compra do GitHub por US$ 7.5 bilhões de dólares, um fruto inegável desta nova fase da empresa é o editor de código VS Code.

Em poucos anos, ele conseguiu se tornar o editor favorito de muitos programadores e programadoras, batendo de frente com o Atom (o que será que acontecerá com ele?) e o queridíssimo Sublime. Mas apesar de já ser bastante utilizado, poucos conhecem sua vasta variedade de funcionalidades.

Para nos ajudar nesta missão de extrair o máximo da ferramenta para potencializar nossa produtividade, gostaria de apresentar o site VS Code Can do That?.

O que será que dá pra fazer?

Por ser um editor em constante mudanças (há aproximadamente uma grande atualização por mês), muitas funcionalidades são adicionadas, modificadas e melhoradas a cada release, o que torna difícil para um novo usuário saber o que dá ou não para fazer.

É por essa razão, que o VS Code Can do That? existe. Esta iniciativa liderada pelos engenheiros Burke Holland e Sarah Drasner nos mostra em uma única página, 22 dicas sobre o que é possível fazer no editor. Das funcionalidades destacadas, podemos citar:

• Move Side Bar Right (mover a barra lateral para a direita)
• Toggle Activity Bar (esconder a barra de atividades)
• NPM Script Explorer
• Inline File/Folder Nesting
• CSS↳CSS31 conteúdosArquitetura CSS: CSS FuncionalDev (Back & Front) · set 2019Entendendo posicionamento com CSS de uma vez por todasDev (Back & Front) · jul 2025Sites que combinam estética e usabilidade: reflexos da evolução do CSSDev (Back & Front) · fev 2025Ver tudo em Dev (Back & Front) → Preview
• Image Preview
• Log Points
• Debugging Browser Apps
• JSON Intellisense
• Font Ligatures
• E muito mais!

Para cada dica, você encontrará uma descrição do que ela faz, instruções de como configurá-la e um vídeo com o passo a passo, para que a gente não se perca.

Além disso, para cada dica há o botão “Learn More”. Ao clicá-lo, você é redirecionado para a documentação oficial.

Bem legal, né? Mesmo que você já esteja acostumado com a ferramenta, vale a pena dar uma olhada no site, afinal, nunca se sabe quando podemos aprender um truque novo, não é mesmo?

Referências

• https://code.visualstudio.com/
• https://vscodecandothat.com/