VSCODE: extensões épicas, para se tornar um super-herói e salvar o dia (a última extensão é a melhor).

Talita Azevedo - May 8 '20 - - Dev Community

Hei Devs,

Hoje irei trazer algumas extensões épicas para visual studio code, entre todas a última é sensacional, sempre pesquisei bastante sobre isso e com as experiências do dia-a-dia, algumas extensões salvaram meu dia, espero que ajude vocês também, desejo a todos uma boa leitura.

Better Comments

Esta extensão ajuda muito na visualização de informações importantes nos comentários, como tarefas, alerta, perguntas, parâmetros, se você escreve muitos comentários em suas funções e métodos, essa extensão é ideal.

Better Comments
Saiba mais acesse o site da extensão: Better Comments

Color Highlight

Simples e precisa, mostra, cores em volta do hexadecimal, escrito com CSS.

Color Highlight
Saiba mais acesse o site da extensão: Color Highlight

Bookmarks

Por que não Marcar trechos de código, a extensãoBookmarks facilita a navegação marcando blocos de código bem como funções, métodos e até classes inteiras, assim facilita seu trabalho de visualização inclusive se você trabalha com arquivos de log.

Bookmarks
Saiba mais acesse o site da extensão: Bookmarks

Eslint

O que dizer esta extensão ela é incrível, quando bem configurada está extensão atua epicamente buscando erros comuns no código, de tal modo, adicionando aquele ponto e virgula no final de linha ;, ou aquela tipagem de variável que esquecemos com frequência, o ESlint é como um x9 ,não te deixa esconder nada.

O ESlint pode ser utilizado como formatador, também, em outra postagem irei exemplificar melhor sobre como configurar essa extensão incrível.

Saiba mais, acesse o site da extensão: ESLint

Prettier Code Formatter

Esta extensão como o próprio nome já diz, faz a formatação do código, deixa ele mais harmônico. Inclusive quando configurado para trabalhar com o ESlint, você tem duas ferramentas poderosíssimas na mão.

Saiba mais, acesse o site da extensão: Prettier - Code formatter

GitLens

Essa extensão poderosa proporciona uma experiência completa e visual, é épica. Ela auxilia você que trabalha com versionamento de código, entre suas funcionalidades existem: histórico das alterações recentes, auditoria de código, pesquisa.

Git Lens - demo

Saiba mais, acesse o site da extensão: GitLens - Git supercharged

VSCode HackerTyper

Extensão muito divertida, gravação de macros no seu código, depois de gravadas as, macros são entre suas funcionalidades existentes estão: reprodução de macros, velocidade de reprodução, inserção de breakpoints.
HackerTyper

Saiba mais, acesse o site da extensão: VSCode Hacker Typer

Docker

Está extensão facilita muito, a criação e gerenciamento de contêineres, pois te apresenta as informações de forma muito intuitiva no visual studio code.

Docker-demo

Saiba mais, acesse o site da extensão: Docker

Live Server

Isso mesmo você não leu errado Live Server, é uma extensão que basicamente cria um servidor ao vivo fake, para rodar sua aplicação (site), sem a necessidade de se comunicar com um servidor (backend).

Live Server

Saiba mais, acesse o site da extensão: Clique aqui Live Server

VSCODE POWER MODE!!!

Por último, porém não menos importante nas imagens acima, você deve ter visto, algumas chamas(flames) no momento de digitação do código, este efeito é possível com a extensão VSCODE POWER MODE, com ela a dopamina vai longe.

Saiba Mais, acesse o site da extensão: Power Mode

Cover Photo by Dlanor S on Unsplash
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .