image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image
William Lisboa
William Lisboa16/05/2022 16:46
Compartilhe

Top 10 extensões vscode

  • #HTML
  • #JavaScript
  • #CSS

1. GitLens

Apesar de o VS Code já possuir integração nativa com o Git, o Git Lens é uma extensão poderosa que proporciona algumas coisinhas a mais dentro do VS Code. Atualmente é uma das extensões mais úteis para o VS Code ajudando você que trabalha junto de outras pessoas no mesmo repositório. Histórico, alterações recentes, autoria de código, informações gerais e pesquisa de confirmação são alguns dos melhores recursos desta extensão.

2. GitHub Copilot

O GitHub Copilot é uma extensão que integra ao VSCode uma IA que sugere códigos enquanto você digita, quase um colega pareando com você. O GitHub Copilot ainda é uma ferramenta em preview, mas tem apresentado um resultado bem interessante e já tem bons reviews. Tecnicamente é uma IA alimentada pelo sistema OpenAI Codex AI, sendo treinada com textos públicos e bilhões de linhas de código.

3. Visual Studio IntelliCode

A extensão Visual Studio IntelliCode fornece autocomplete e insights baseado no contexto do código combinado com o aprendizado de máquina. Uma IA poderosa para desenvolvedores Python, TypeScript/JavaScript e Java no Visual Studio Code.

4. Live Share

Essa é uma das extensões mais legais e não é à toa! Pois com o Live Share, permite que você edite e depure colaborativamente com outras pessoas em tempo real, independentemente das linguagens de programação que você está usando ou dos tipos de aplicativos que você está desenvolvendo. Ele permite que você compartilhe instantaneamente (e com segurança) seu projeto atual. E o mais legal dessa extensão é que ele permite que você compartilhe sessões de debbuging , criar instâncias de terminal, aplicativos da web localhost, chamadas de voz e muitas outras coisas legais! Para aqueles que possuem equipes de desenvolvimento que trabalham de maneira remota ou até mesmo desejam ou tem a cultura de realizar Code Review, é uma baita extensão que vai te auxiliar nessas horas.

5. Path Intellisense

Quem nunca, teve a dificuldade, principalmente para quem é desenvolvedor JavaScript ou Front-End, quando você trabalha num projeto com inúmeras pastas e precisa fazer um ‘require’ daquele arquivo que está abaixo ou acima de várias pastas? E para piorar, você não consegue chegar no path correto daquele arquivo? Quero dizer que os seus problemas em relação isso acabaram. Conheçam: Path Intellisense. Ele te auxilia justamente nessa parte: em encontrar de uma maneira rápida e dinâmica a path de um determinado arquivo que você precise referenciar.

6. Javascript (ES6) Code Snippets

O JavaScript é a base do desenvolvimento web. Então, só por isso, já é justificável a instalação desta extensão. Chega de cansar seus dedos digitando um caminhão de códigos de forma desnecessária sendo que o JavaScript (ES6) Code Snippets é capaz de fornecer trechos de código JavaScript, TypeScript, Vue, React e HTML de forma prática e simples. Pode ser considerada uma extensão obrigatória para quem é desenvolvedor front-end.

7. ESLint

Uma extensão essencial para manter padrões e verificar a qualidade de código, por padrão, ela usa a biblioteca ESLint instalada no projeto, caso não encontre, vai tentar localizar uma versão de instalação global.

8. Remote – Containers

O Docker popularizou o conceito de contêineres para outro nível, permitindo que devs como você desenvolvam sem queimar muita massa cinzenta com a parte mais sistêmica. E para dar uma mãozinha nesse assunto, o Remote – Containers veio para ajudar permitindo o empacotamento de todos os arquivos necessários para executar um novo programa em um “contêiner” possibilitando aos usuários uma execução sem problemas e sem precisar instalar nenhuma dependência. E tudo isso diretamente via VS Code.

9. Debugger for Chrome

Desenvolvido pela Microsoft, o Debugger for Chrome permite que você depure seu código JS em VSCode. Ao contrário dos depuradores em outros IDEs, é surpreendentemente suave.

10. Thunder Client

Aqui um substituto leve e integrado ao VS Code para quem precisa testar uma API Rest e não quer abrir o Postman ou Insomnia. O Thunder Client é uma extensão de cliente de API Rest leve, criada por Ranga Vadhineni com um design simples e limpo.

Observação final: Esse artigo é um compilado das extensões encontrados em diversos artigos na web, coloquei as extensões que eu achei que mais ajudam os programadores no dia a dia. Preferir não colocar extensões de temas, ícones de pastas, fontes e etc, porque cada um tem suas preferências. Esta lista podia ter mais alguns itens, mas eu resumir em um top 10, na sua opinião qual extensão ficou faltando?

Compartilhe
Comentários (0)