Que o VSCode virou a IDE favorita da comunidade não é nenhuma novidade, ela facilita diariamente a vida de muitos desenvolvedores. Podemos otimizar ainda mais o nosso processo de desenvolvimento utilizando algumas extensões super úteis. Separei uma lista com as extensões que eu uso e recomendo para melhorar sua produtividade.

1. GitLens

GitLens

O GitLens extende os recursos do Git do Visual Studio Code. Ele ajuda você a visualizar o autor do código rapidamente através de “anotações de culpa” do Git, a navegar e explorar perfeitamente os repositórios Git, a obter informações valiosas com poderosos comandos de comparação e muito mais.

Essa extensão é excelente pra você descobrir que aquele código que você está xingando, foi na verdade, feito por você mesmo.

2. Prettier

Prettier

Prettier é um formatador de código opinativo. Ele impõe um estilo consistente ao analisar seu código e reimprimi-lo com suas próprias regras que levam em consideração o comprimento máximo da linha, agrupando o código quando necessário. Muito útil para formatar aquele JSON gigante que você copiou da internet e está tentando entender.

3. Live Share

Live Share

O Visual Studio Live Share permite editar e depurar de forma colaborativa com outras pessoas em tempo real, independentemente das linguagens de programação que você está usando ou dos tipos de aplicativos que você está criando. Ele permite que você compartilhe instantaneamente (e com segurança) seu projeto atual e, conforme necessário, compartilhe sessões de depuração, instâncias de terminal, aplicativos web local, chamadas de voz e muito mais! Os desenvolvedores que ingressam em suas sessões recebem todo o contexto de editor do seu ambiente (por exemplo, serviços de idioma, depuração), o que garante que eles possam começar a colaborar produtivamente imediatamente, sem a necessidade de clonar quaisquer repositórios ou instalar SDKs.

4. Remote – SSH

Remote SSH

A extensão Remote – SSH permite usar qualquer máquina remota com um servidor SSH como seu ambiente de desenvolvimento. Isso pode simplificar bastante o desenvolvimento e a solução de problemas em uma ampla variedade de situações.

  • Desenvolva no mesmo sistema operacional que você implementa ou usa uma infraestrutura maior, mais rápida ou mais especializada que a sua máquina local.
  • Troque rapidamente entre diferentes ambientes de desenvolvimento remoto e faça atualizações com segurança, sem se preocupar em impactar sua máquina local.
  • Acesse um ambiente de desenvolvimento existente de várias máquinas ou locais.
  • Depure um aplicativo em execução em outro lugar, como um site de cliente ou na nuvem.

5. Settings Sync

Settings Sync

Se você se ve constantemente em novas instalações do VSCode e está cansado de toda vez ter que lembrar e instalar suas extensões, configurações e temas, seus problemas acabaram. Settings Sync permite que você sincronize o estado do seu VSCode entre diversas instâncias.

6. Reload

Reload

Esta extensão eu gostaria muito de não precisar usar, mas constantemente vejo a necessidade de reiniciar o VSCode para pegar algum lint ou autocomplete. Ela adicionará um botão de recarregar o VSCode na barra de status na parte inferior direita. Essa é uma extensão simples, para recarregar rapidamente sua janela, quando você tiver problemas .. ou deseja que o editor entre em vigor.

7. Bracket Pair Colorize

Bracket Pair Colorize

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

8. Code Spell Checker

Se você, como eu, não tem o Inglês como sua primeira língua e se vê constantemente em dúvida se errou algo em seus comentários ou documentações, essa extensão é para você!

Um verificador ortográfico básico que funciona bem com o código camelCase. O objetivo desse verificador ortográfico é ajudar a detectar erros ortográficos comuns, mantendo baixo o número de falsos positivos.

9. EditorConfig

Esse plugin tenta substituir as configurações do usuário/espaço de trabalho pelas configurações encontradas no arquivo .editorconfig. Basicamente ele permite que você crise um arquivo que pode ser versionado e compartilhado com configurações úteis como espaçamento (tab ou espaço) do projeto, se você quer que renderize os espaços em brancos, e muito mais.


Essas extensões ajudam muito na minha produtividade, e você? Tem alguma extensão que usa e acha útil? Deixe nos comentários!

3.5 2 votos
Nota do Artigo
Subscribe
Notify of
guest

0 Comentários
newest
oldest most voted
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x