Melhores Extensões Para Visual Studio Code

Nesse post você vai conhecer as melhores extensões para o Visual Studio Code para melhorar a sua produtividade.

O Visual Studio Code, ou VS Code como é conhecido, é um dos programas mais utilizados por desenvolvedores, e isso se dá principalmente pelo fato de ser bastante prático e ideal para todo o tipo de serviço.

O VS Code é um editor de código gratuito desenvolvido pela Microsoft. De acordo com a Stack Overflow Developers Survey 2019, a ferramenta ficou em primeiro lugar na categoria de “Ambientes de desenvolvimento e ferramentas”.

Uma das vantagens do VS Code é o marketplace,  nele existemas melhores extensões para praticamente qualquer coisa que você precisar.

São extensões úteis que impactam diretamente na sua programação, trazendo bons resultados e melhorando sua produtividade.

Se você é um desenvolvedor, praticamente não poderá viver sem algumas dessas extensões.

Caso você queira saber mais sobre o que é o VS Code ou ainda outros editores de código, recomendo que leia o artigo 8 Editores de Código Gratuitos Para Desenvolvedores.

Sem mais delongas, vamos à lista das melhores extensões para Visual Studio Code.

Quokka

O Quokka.js é uma das melhores extensões para Visual Studio Code que oferece prototipagem rápida para JavaScript e TypeScript no uso do VS Code.

Dentre outras e tantas funcionalidades é possível ter uma noção de quanto tempo de execução é utilizado enquanto você ainda está trabalhando.

É uma forma já de entender como o programa ou código pode funcionar, qual o tempo e onde você pode otimizar, de certa forma, o seu funcionamento.

A extensão também possui uma versão paga que traz ainda mais recursos que ajudam no preparo do seu trabalho.

Quer saber mais detalhes? Confira a página oficial da extensão.

Beautify

Algumas pessoas acham até que é uma extensão inútil, ou mesmo algo que não vai trazer nenhum tipo de benefício.

Parece até pouca coisa, mas o Beautify ajuda a identar o código HTML, CSS, Sass, JavaScript e JSON, e mais que isso ajuda a organizar como um todo.

Códigos grandes, por exemplo, começam a ser divididos por blocos, o que ajuda e muito a consertar pequenas coisas.

Caso queira usar a Beautify, Clique aqui para instalar.

Live Server

Para quem trabalha em ambiente front-end essa extensão é absolutamente obrigatória.

O Live Server fazer mudanças no código e conferir na página web sem que você se perca ou passe muito tempo procurando ícones e páginas.

É uma forma de atualizar a página muito mais rapidamente agilizando a conferência, e tudo isso em tempo real.

Assim você tem agilidade nas mudanças, e consegue finalizar projetos muito mais cedo que o previsto por uma simples extensão utilizada.

Saiba mais sobre o Live Server

Javascript (ES6) Code Snippets

O Java é um tipo de linguagem de programação utilizada e a que mais é demandada para os diferentes trabalhos de códigos.

Algumas pessoas passam muito tempo digitando esses códigos, e todos sabem que qualquer erro faz com que todo o trabalho não funcione.

O Javascript (ES6) Code Snippets já oferece muitas linhas de código (JavaScript, TypeScript, Vue, React e HTML) prontas para utilização, sem que você perca tempo digitando.

Facilita e muito quem trabalha com trechos longos de código ou com trabalhos grandes.

Clique aqui para instalar o Javascript (ES6) Code Snippets.

ESLint

Falando em erros, o ESLint é outro que ajuda bastante nisso e de uma forma muito otimizada e até rigorosa.

Ele verifica todo o código procurando possíveis erros que podem fazer com que o seu projeto não funcione ou não consiga trazer os resultados esperados.

Enquanto você digita, ele já verifica se existem erros, e havendo algum já sinaliza para que você possa fazer algum tipo de revisão.

Para instalar a extensão, basta clicar aqui.

Paste JSON as Code

Com essa extensão é mais fácil pegar dados JSON e aplicar para JavaScript, TypeScript, Python, Ruby e outras que são mais comuns para a programação.

Sendo assim você consegue utilizar JSON diretamente como um código no VS Code, o que já quebra um galho importante.

Além de facilitar o trabalho de desenvolvedores, o Paste JSON as Code também faz com que você quebre menos a cabeça na hora da utilização desses códigos JSON.

Clique aqui para instalar o Paste JSON as Code.

Remote – Containers

Construir códigos é algo que pode ser cansativo ou desgastante, principalmente quando você tem trechos que podem ser aproveitados, mas você não sabe exatamente como encontrar.

O Remote – Containers simplesmente reúne todos os arquivos necessários para a execução de programas, e sem que você tenha dependências.

A grande facilidade que oferece é o fato de conseguir fazer tudo isso via VS Code.

Clique aqui para instalar o Remote containers

GitLens

Normalmente o VS Code já possui aderência com o Git, mas essa extensão permite você acessar a ainda mais vantagens nos links entre plataformas.

O GitLens é ideal principalmente para quem trabalha em grandes equipes, que desenvolvem por diferentes programas.

Assim você consegue encontrar informações como histórico de edições e de alterações no arquivo de modo muito mais simples, integrando todas as informações necessárias.

Clique aqui para instalar o GitLens.

Debugger for Chrome

Como o próprio nome já o faz essa extensão. O Debugger for Chrome serve para debugar no chrome de forma muito mais eficaz, mostrando todos os breakpoints diretamente no editor, facilitando todo o trabalho a ser feito.

Clique aqui para instalar o Debugger for Chrome.

Markdown All in One

Markdown All in One oferece mais recursos visuais, o que ajuda nos destaques por exemplo de sintaxes.

A parte de visualização ao vivo também é um diferencial desse tipo de extensão, que acaba trazendo muita satisfação para quem utiliza de fato.

Clique aqui para instalar o Mark All in One

Bracket Pair Colorizer

Bracket Pair Colorizer é uma extensão personalizável para colorir colchetes correspondentes.

Esta extensão permite que os colchetes correspondentes sejam identificados com cores. O usuário pode definir quais caracteres combinar e quais cores usar.

Clique aqui para instalar o Bracket Pair Colorizer

Settings Sync

Anteriormente conhecido como Visual Studio Code Settings Sync o Settings Sync tem a função de sincronizar na nuvem utilizando o GitHub configurações, trechos de código, temas, ícones de arquivo, inicialização, atalhos de teclado, áreas de trabalho e extensões em várias máquinas.

A sincronização é realizada utilizando a ferramenta gist do GitHub.

Clique aqui para instalar o Settings Sync

Conclusão Sobre as Melhores Extensões Para Visual Studio Code

Encontrar a melhor extensão depende do trabalho que você faz, sendo que algumas delas podem ser mais úteis que outras.

Existem várias Extensões Para Visual Studio Code que são interessantes, mas eu escolhi algumas das mais importantes.

Normalmente elas são as mais procuradas por desenvolvedores, mas não impede de você encontrar qualquer outra que ajude no seu trabalho.

O mais interessante de tudo isso é saber que utilizar extensões pode não somente enriquecer o seu trabalho como pode o tornar muito mais otimizado.

Para grandes trabalhos ou os mais complexos, ter uma extensão que possa ajudar é sempre importante, e traz maior segurança no que é feito, sem medo daqueles pequenos erros que passam despercebidos.

O VS Code possui inúmeras extensões que vão te auxiliar a ajudar a aumentar a produtividade do seu trabalho. Porém, tome muito cuidado para não baixar extensões no qual você não vai utilizar, pois pode deixar lento o seu VS Code. Caso você não use tanto a extensão, desinstale!

Eu vou ficando por aqui…

Espero que esse conteúdo tenha te ajudado!

Até o próximo post…

Um forte abraço

Robson,

_______________

P.S. Algumas pessoas estão me perguntando qual é o curso que mais recomendo para quem deseja aprender a programar, mesmo sem ter qualquer conhecimento sobre programação.

Minha recomendação, tanto para quem está iniciando, como para quem já possui mais experiência, é esse AQUI!