Top Extensões Úteis para VSCode – 2020
Tags: tech, extensions, ide, vscode
Published: 2020-07-16 04:27:44

---
title: Top Extensões Úteis para VSCode – 2020
published: true
date: 2020-07-11 03:15:28 UTC
tags: Tech,extensions,ide,vscode
canonical_url: https://marquesfernandes.com/top-extensoes-uteis-para-vscode-2020/
---

Que o VSCode virou a [IDE](https://marquesfernandes.com/melhores-editores-de-texto-ides-para-desenvolvimento-web-em-2020/) 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](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)

[![GitLens](https://marquesfernandes.com/wp-content/uploads/2020/07/image-3-1024x494.jpg)](https://marketplace.visualstudio.com/items?itemName=eamodio.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](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)

[![Prettier](https://marquesfernandes.com/wp-content/uploads/2020/07/image-6.png)](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)

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](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare)

[![Live Share](https://marquesfernandes.com/wp-content/uploads/2020/07/image-7.jpg)](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare)

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](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh)

[![Remote SSH](https://microsoft.github.io/vscode-remote-release/images/ssh-readme.gif)](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.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](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync)

[![Settings Sync](https://marquesfernandes.com/wp-content/uploads/2020/07/image-9.png)](https://marketplace.visualstudio.com/items?itemName=Shan.code-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](https://marketplace.visualstudio.com/items?itemName=natqe.reload)

[![Reload](https://marquesfernandes.com/wp-content/uploads/2020/07/image-10.png)](https://marketplace.visualstudio.com/items?itemName=natqe.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](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer)

[![Bracket Pair Colorize](https://marquesfernandes.com/wp-content/uploads/2020/07/image-11.png)](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer)

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](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)

[![](https://marquesfernandes.com/wp-content/uploads/2020/07/image-13-1024x461.png)](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.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.

* * *

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

O post [Top Extensões Úteis para VSCode – 2020](https://marquesfernandes.com/top-extensoes-uteis-para-vscode-2020/) apareceu primeiro em [Henrique Marques Fernandes](https://marquesfernandes.com).