As 20 melhores extensões de código do Visual Studio para programadores

Não importa se você é um desenvolvedor em tempo integral que trabalha com grandes bases de código regularmente ou um mero programador amador - o Visual Studio Code pode ser o complemento perfeito em seu conjunto de ferramentas de desenvolvimento. Este editor de código Linux inspirador se tornou uma das escolhas de editor mais populares desde seu início, quatro anos atrás. Entre sua infinidade de recursos, o que diferencia o Visual Studio Code de outros editores é sua extensibilidade. Há um número infinito de extensões de código do Visual Studio que podem tornar a programação divertida para iniciantes e aumentar a produtividade para os desenvolvedores mais experientes.

Melhores extensões de código do Visual Studio

O número aparentemente infinito de extensões vscode disponíveis tende a sobrecarregar os usuários muito rápido. Falando francamente, você pode encontrar quase qualquer tipo de extensão que está procurando neste editor de código moderno. Assim, assumimos a liberdade de apontar as 20 melhores extensões de código de estúdio visual para programação de propósito geral. Continue lendo para saber mais sobre essas extensões excelentes em detalhes.

1. Remoto - Containers

Docker popularizou o conceito de contêineres para um nível totalmente novo. Ele permite que os desenvolvedores criem programas perfeitamente sem ter que se preocupar com os sistemas do usuário. Os desenvolvedores podem empacotar todos os arquivos necessários para a execução de um novo programa em um 'recipiente' e os usuários podem executá-los de forma eficiente em seus sistemas, sem a necessidade de instalar quaisquer dependências. A extensão Remote - Containers permite que os desenvolvedores utilizem essa ideia diretamente durante a codificação no código VS.

Recursos do Remoto - Contêineres

Remoto - Containers fornece uma ferramenta completa e uma pilha de tempo de execução bem definida que pode ser usada para armazenar seus programas mais recentes com facilidade.
Os usuários do Linux precisam ter o Docker Compose 1.21+ instalado em seu sistema e adicionar seu usuário ao grupo docker usando usermod -aG docker $ USER.
Os contêineres podem ser usados como um ambiente de desenvolvimento em tempo integral ou você pode simplesmente anexar programas a um contêiner em execução.
Você pode optar por encaminhar suas portas de contêiner temporariamente ou pode deixá-las expostas permanentemente dentro de seu host Linux.

Baixar extensão

2. Path Intellisence

Path Intellisence é uma daquelas raras extensões vscode que fornece um aumento de produtividade garantido para o seu desenvolvimento. Se você é um dev poliglota como eu e trabalha com muitas tecnologias diferentes ao mesmo tempo, com certeza deseja uma ferramenta útil que possa lembrar o nome do seu caminho para você. Path Intellisence começou como uma extensão simples para autocompletar nomes de arquivo, mas desde então tem se mostrado um recurso obrigatório na cadeia de ferramentas de desenvolvedores modernos.

Características do Path Intellisence

As opções de configuração robustas desta extensão do VS Code permitem que os usuários escolham entre uma série de opções pré-construídas, como se uma barra deve preceder os nomes dos diretórios ou não.
Path Intellisence pode ser configurado para mostrar caminhos absolutos e relativos para seus nomes de arquivo.
Ele vem sob a licença do MIT, que permite a permissão para modificar ainda mais a extensão.
Path Intellisence também pode ser usado para autocompletar arquivos ocultos.

Baixar extensão

3. Pitão

Python é a escolha certa para uma grande parte dos desenvolvedores de código aberto devido a vários motivos - incluindo facilidade de uso e flexibilidade. Além disso, os programadores que precisam lidar com aplicativos orientados a dados costumam ficar com o Python por causa de seu enorme conjunto de bibliotecas de terceiros e fácil integração com soluções de negócios. Se você é um programador Python, haverá certas coisas que você esperaria de sua escolha de editor de texto. Felizmente para você, a extensão de código Python VS permitirá que você aproveite a linguagem sem esforço.

Recursos da extensão Python

A extensão de código Python VS vem com suporte integrado para linting, navegação de código, notebook Jupyter, explorador de variável, snippets e muito mais.
Os desenvolvedores podem explorar o depurador robusto ao encontrar aqueles bugs difíceis de detectar em bases de código tipicamente grandes de forma muito eficaz.
Ele oferece paletas de comando convenientes para gerenciar scripts Python rapidamente e executar tarefas como teste, refatoração e outros.
Os desenvolvedores podem iniciar e alternar entre virtualenv, venv, pipenv, conda e pyenv muito rapidamente usando esta extensão.

Baixar extensão

4. Live Server

Os administradores de sistemas Linux frequentemente exigem a criação de um servidor ativo em seu sistema para monitorar várias coisas em ação. A extensão Live Server pode ser usada para configurar um servidor de desenvolvimento local que permitirá aos programadores testar páginas estáticas e dinâmicas recém-criadas sem esforço. O botão go-live presente na barra de tarefas permitirá que você execute seu código como um servidor de desenvolvimento diretamente, enquanto você também pode configurar a extensão para recarregar as páginas assim que salvar seu trabalho atual.

Recursos do Live Server

É uma das melhores extensões vscode para desenvolvedores web devido ao seu impacto imediato na produtividade.
A extensão do Live Server permite que desenvolvedores da web utilizem várias teclas de atalho - aprimorando o desenvolvimento e a velocidade de teste no processo.
Ele vem com suporte pré-construído para vários navegadores, SVG, CORS, proxy, https e o anexo de depuração do Chrome.
Live Server permite espaços de trabalho multi-root e suporta conexão remota usando WLAN.

Baixar extensão

5. Visual Studio Intellicode

O Visual Studio Intellicode é uma das extensões de código do Visual Studio mais incríveis que você pode usar. Ele foi desenvolvido para ajudar desenvolvedores e programadores com sugestões de conclusão de código inteligente e possui suporte pré-construído para uma ampla variedade de linguagens de programação. O Visual Studio Intellicode emprega várias técnicas de aprendizado de máquina para observar e encontrar padrões usados em vários projetos de código aberto do GitHub e os sugere enquanto você está codificando dentro do editor.

Recursos do Visual Studio Intellicode

Visual Studio Intellicode vem com suporte padrão para Python, TypeScript / JavaScript, React e Java.
As previsões fornecidas pela extensão Intellicode aparecem em uma nova seção da lista de sugestões prefixada por um ícone de estrela.
Ele fornece sugestões de conclusão baseadas em contexto eficientes, dicas de ferramentas e ajuda de assinatura em vez de sugestões predefinidas comuns.
Os usuários de Java devem instalar no mínimo o Java 8 Update 151 para usar esta extensão em seus projetos.

Baixar extensão

6. Sincronização de configurações

Os desenvolvedores modernos muitas vezes precisam trabalhar em vários sistemas para projetos diferentes. Você pode usar sua estação de trabalho pessoal para projetos individuais, enquanto o trabalho de escritório pode exigir alguns sistemas totalmente diferentes. De qualquer forma, pode ser necessário um esforço considerável para se concentrar em projetos em vez de configurações de IDE, e isso resulta em um grave declínio na produtividade. Felizmente para você, a extensão de sincronização de configurações está aqui para gerenciar suas configurações de dev de forma conveniente e sem complicações em todas as suas estações de trabalho.

Recursos de sincronização de configurações

Ele permite que os desenvolvedores utilizem seu token de conta GitHub e Gist para gerenciar suas preferências de desenvolvimento rapidamente.
Esta extensão permite que os desenvolvedores sincronizem suas configurações, snippets, temas, ícones, teclas de atalho, áreas de trabalho e até mesmo suas extensões.
A sincronização de configurações baixa as configurações mais recentes automaticamente na inicialização e também as carrega automaticamente no caso de alterações de configuração.
Ele fornece aos desenvolvedores informações úteis sobre suas configurações e extensões de IDE usadas.

Baixar extensão

7. Debugger para Chrome

O Debugger para Chrome está indiscutivelmente entre as melhores extensões de código do Visual Studio para desenvolvedores de JavaScript. Ele fornece um conjunto de recursos robustos que visam melhorar significativamente o seu fluxo de trabalho diário. Esta extensão moderna permite que desenvolvedores front-end e back-end depurem seus códigos direto no editor de código e ajuda a encontrar aqueles bugs difíceis de detectar muito rapidamente. É uma extensão oficial do VS Code da Microsoft e é mantida regularmente.

Recursos do Debugger para Chrome

O Debugger para Chrome permite que os desenvolvedores definam pontos de interrupção em seus códigos-fonte JavaScript quando os mapas são ativados.
O console é muito robusto e reúne todas as funções necessárias de maneira inteligente para um fluxo de trabalho produtivo.
Os desenvolvedores podem usar esta extensão do VS Code para depurar scripts eval, tags de script ou mesmo scripts que são adicionados dinamicamente.
O recurso de relógios permite que os desenvolvedores monitorem as alterações nos parâmetros especificados pelo usuário de uma maneira muito mais fácil do que muitas extensões de código do Visual Studio.

Baixar extensão

8. Mais bonita

Prettier é uma das melhores extensões de código VS para web designers modernos que precisam seguir um conjunto de regras bem definidas ao projetar suas páginas. É uma extensão atraente que lhes permite utilizar o popular pacote Prettier. É um formatador de código robusto e opinativo que permite aos designers formatarem seus códigos de forma estruturada. Prettier trabalha em conjunto com JavaScript, TypeScript, HTML, CSS, Markdown, GraphQL e outras ferramentas modernas e permite a criação de aplicativos de ponta sem esforço.

Características do mais bonito

Mais bonito torna mais fácil formatar seu código com base em um conjunto predefinido de regras e as estrutura de forma muito eficiente.
Ele permite a utilização de paletas de comando robustas para executar e realizar várias tarefas de formatação.
Você pode facilmente religar o editor.açao.formatDocument e editor.açao.formatSelection para configurar atalhos de teclado pessoais.
Prettier vem com integração embutida para Visual Studio Code ESLint e TSLint.

Baixar extensão

9. Bracket Pair Colorizer

A extensão Bracket Pair Colorizer é uma das extensões mais produtivas do Visual Studio Code para programadores frequentes. Se você é como eu e frequentemente se pega navegando erroneamente por essas chaves confusas ao inspecionar ramos de código; este é um must-have para você. Permite ao editor identificar colchetes correspondentes com cores que você pode definir e configurar. Então, ele permite que você conheça a profundidade de um branch de código simplesmente dando uma olhada na cor do respectivo colchete.

Características do colorizador de par de suporte

O colorizador de par de colchetes permite controle total sobre quais caracteres combinar e quais cores usar com base nas preferências do desenvolvedor.
Corresponde a (), [] e automaticamente e permite ao programador definir e combinar colchetes personalizados.
Os programadores podem escolher uma lista de cores ao configurar seus colchetes e podem optar por uma cor específica para colchetes órfãos.
Ele permite que os desenvolvedores definam teclas de atalho personalizadas para expandir e desfazer as seleções do cursor para o próximo escopo.

Baixar extensão

10. Quokka

Quokka.js é um bloco de rascunho robusto e moderno para desenvolvedores de JavaScript que trabalham no VS Code para seus projetos extensivamente. É uma das extensões vscode mais leves, porém produtivas, que você pode usar para impulsionar seu fluxo de trabalho. O Quokka verifica seu código JavaScript em tempo real e fornece feedback instantâneo sobre quais blocos já foram executados e quais não. Se você está procurando uma extensão JS para economizar o tempo gasto nas verificações de código, o Quokka é a solução para você.

Características do Quokka

O Quokka utiliza um tipo de cor fixa para cada resultado, permitindo que os desenvolvedores entendam seu fluxo de execução de forma muito eficaz.
A extensão em si é muito simples e não requer nenhuma configuração personalizada a ser definida pelo desenvolvedor.
A documentação suficiente do Quokka torna muito fácil começar a usar a extensão em quase nenhum momento.

Baixar extensão

11. Live Share

Live Share é uma extensão inovadora que visa aumentar seu fluxo de trabalho ao mais alto nível. Ele permite que os desenvolvedores compartilhem seus trechos de código com outros colaboradores em tempo real diretamente do conforto de seu editor de código favorito. A extensão Live Share é uma das outras extensões do Visual Studio a ser desenvolvida pela Microsoft e torna as colaborações de equipe muito mais produtivas. Além disso, vem com suporte pré-construído para a maioria das principais linguagens, incluindo C, Java, ASP.NET, JavaScript, Go, Kotlin e muito mais.

Recursos do Live Share

Ele permite o compartilhamento instantâneo de projetos atuais juntamente com sessões de depuração, instâncias de terminal, aplicativos da web usando localhost e muito mais.
Os desenvolvedores podem optar por manter suas preferências pessoais (temas, teclas de atalho) para si próprios enquanto compartilham seus projetos com outras pessoas.
Os colaboradores não exigem a instalação de repos ou SDKs para trabalhar em seu código atual.
Ele permite que os desenvolvedores participem de suas próprias sessões de colaboração para experimentar coisas novas remotamente.

Baixar extensão

12. Extensão GitHub

A aquisição do GitHub pela Microsoft mexeu com todo o mundo do código aberto e, ao contrário da crença popular, a Microsoft se saiu muito melhor do que muitos poderiam pensar. O GitHub agora oferece mais integrações com ferramentas populares e a extensão GitHub para Visual Studio Code é apenas o exemplo perfeito disso. Ele permite que desenvolvedores de terceiros se conectem e colaborem em projetos com muito mais rapidez e torna a realização de fluxos de trabalho complexos em uma brincadeira de criança. É um item obrigatório se você é um aficionado por código aberto como eu.

Recursos da extensão GitHub

É muito fácil conectar-se com seus repositórios favoritos e pode abrir a página GitHub de seu projeto atual diretamente no navegador
Esta extensão permite que os desenvolvedores clonem, criem ou publiquem repositórios muito rapidamente, sem nunca sair do editor.
Possui suporte integrado para configuração de várias pastas, GitHub Enterprise, mesclagem de solicitações de pull e muito mais.
Ele também permite que os usuários visualizem e inspecionem suas solicitações pull, bifurcem projetos, criem Gists e muito mais.

Baixar extensão

13. Markdown tudo em um

Markdown All in One é uma extensão da moda para escrever Markdown usando VS Code. É uma extensão completa que vem com suporte padrão para recursos como visualização ao vivo e destaque de sintaxe. O sabor fornecido por esta extensão será bastante semelhante ao Markdown do GitHub. Isso deve torná-lo atraente para desenvolvedores de código aberto, pois agora eles podem até mesmo escrever suas documentações usando o código do Visual Studio. A extensão em si é altamente personalizável e autodocumentada.

Características do Markdown All in One

É conhecido por oferecer velocidade de alto nível e desempenho superior entre os entusiastas de código aberto.
O suporte de realce de sintaxe é muito competente e pode ser configurado rapidamente.
Esta extensão do VS Code pode ser usada para selecionar partes de textos e adicionar hiperlinks convenientemente.
Markdown All in One tem atalhos de teclado extremamente versáteis, juntamente com completamentos automáticos robustos.

Baixar extensão

14. Docker

A extensão Docker para VS Code é obrigatória para profissionais e entusiastas de código aberto. Ele oferece uma ampla gama de recursos convenientes, incluindo destaque de sintaxe, comandos, linting, Dockerfile e muitos mais.

Esta extensão torna realmente fácil construir e implantar seus aplicativos em contêineres diretamente de seu editor de código-fonte favorito. A extensão foi desenvolvida pela Microsoft e oferece uma experiência de usuário tranquila sem prejudicar a produtividade.

Recursos do Docker

Você pode simplesmente pressionar F1 para gerar o Dockerfile, docker-compose.yml, e .arquivos dockerignore automaticamente.
Ele vem com suporte IntelliSense pré-construído para preenchimentos automáticos inteligentes.
A extensão Docker permite que você carregue imagens diretamente de registros para o Serviço de Aplicativo do Azure.
A paleta de comandos padrão desta extensão contém um grande conjunto de comandos amplamente usados.

Baixar extensão

15. Arduino para código do Visual Studio

A placa Arduino é uma pequena peça eletrônica poderosa que pode ser usada para criar projetos emocionantes baseados em microcontroladores. Normalmente, os desenvolvedores precisam instalar o software Arduino IDE para escrever seus códigos e implantá-los na placa.

Mas, a extensão Arduino Visual Studio Code permite que você faça o mesmo e muito mais diretamente de seu editor de texto Linux favorito. Embora a extensão não seja gratuita, tornará o pagamento digno para a maioria dos desenvolvedores.

Recursos do Arduino para Visual Studio

Ele fornece uma alternativa Arduino IDE totalmente compatível, com ferramentas para edição, construção, implantação e depuração.
Arduino IDE para Visual Studio vem com suporte pré-construído para todos os clones comuns do Arduino, incluindo AVR, SAMD, ESP, STM32, Intel e Ti.
Ele vem com um monitor serial integrado, placa e gerenciador de biblioteca e oferece suporte a IntelliSense.
Esta extensão vem com a mesma configuração que o IDE do Arduino faz.

Baixar extensão

16. Abra no navegador

Esta extensão faz exatamente o que o nome sugere. É uma das melhores extensões vscode para desenvolvedores da web, pois permite que eles visualizem suas páginas da web ou aplicativos de forma muito conveniente.

Por padrão, as páginas são mostradas no navegador da web padrão configurado em seu PC. No entanto, você pode ajustar a configuração para alterá-lo para qualquer outro navegador da web com bastante facilidade. A combinação de teclas Alt + B abre o arquivo atual no navegador padrão enquanto Shift + Alt + B abre no navegador especificado.

Recursos de abrir no navegador

A extensão é escrita usando TypeScript e utiliza um pacote npm extremamente leve chamado opn.
Ele permite que os desenvolvedores abram qualquer tipo de arquivo com o qual estejam lidando, não apenas o HTML vanilla.
A partir de agora, ele é compatível com Google Chrome, Firefox, Firefox Developer Edition, Edge, Chromium e Internet Explorer.

Baixar extensão

17. Snippets de código JavaScript (ES6)

Se você é um desenvolvedor da web moderno, deve trabalhar com várias pilhas de JavaScript. Não importa quais sejam suas escolhas de frameworks, digitar os mesmos códigos genéricos em projetos diferentes deve diminuir seu fluxo de trabalho.

Os trechos de código JavaScript (ES6) são uma pequena extensão de biblioteca útil que fornece alguns trechos de códigos JavaScript muito úteis para o desenvolvedor ocioso. Ele simplesmente vincula chamadas JavaScript padrão a teclas de atalho simples. No entanto, pode aumentar muito a sua produtividade atual.

Recursos do pacote de snippet de JavaScript

Ele vem com suporte pré-construído para JavaScript, TypeScript, Vue, React e HTML.
Os desenvolvedores podem adicionar ou importar suas próprias coleções de snippet de código dentro desta extensão muito rapidamente.

Baixar extensão

18. Corretor Ortográfico de Código

O verificador ortográfico de código é uma grande extensão que facilita a manutenção de bases de código profissionais. É essencial remover os erros ortográficos o máximo possível se você estiver trabalhando com produtos de alta qualidade. Ter esta extensão instalada significa que você nunca terá que se preocupar em errar a grafia de seus comentários, strings e texto simples enquanto você digita.

Recursos do verificador ortográfico de código

Ele mostra possíveis erros de ortografia em seus comentários, strings e texto simples em tempo real ou por meio de uma janela de ferramenta interativa.
É fácil habilitar ou desabilitar a verificação ortográfica conforme você digita e ignora palavras com parâmetros específicos.
O verificador ortográfico de código pode ser configurado em vários níveis e permite a herança / substituição das opções de configuração.
Os usuários podem adicionar dicionários personalizados para seu próprio idioma muito rapidamente nesta extensão.

Baixar extensão

19. Oficina LaTex

A extensão do LaTeX Workshop para VS Code é uma maneira inteligente de aprimorar a eficiência da composição do LaTeX com visualização, compilação, preenchimento automático, colorização e muito mais. LaTex é amplamente usado para apresentações acadêmicas e de negócios. Se você está procurando uma maneira abrangente de aproveitar o LaTex para seus projetos regulares, o LaTeX Workshop será uma solução inteligente para você. Você também pode usar isso para a criação rápida de arquivos PDF diretamente do seu editor de fontes favorito.

Características do LaTex Workshop

Seu robusto recurso SyncTeX permite que os usuários alternem diretamente entre .arquivos tex e seus PDFs e vice-versa.
LaTex Workshop pode criar arquivos PDF automaticamente após cada construção de LaTex bem-sucedida.
Funciona muito bem com o IntelliSense e suporta o preenchimento de várias chaves bibliográficas.
Ele vem com uma biblioteca de snippet eficiente que contém muitos comandos LaTex usados diariamente.

Baixar extensão

20. GitLens

GitLens é uma extensão de código aberto inspiradora para Visual Studio Code que tornará a contribuição para projetos de terceiros mais fácil do que nunca. Ele permite que os usuários assumam o controle total dos recursos do Git integrados ao Código e visa aumentar a produtividade até o seu pico. Graças a recursos como anotações de culpa do Git e lentes de código, entender uma nova base de código levará o mínimo de seu valioso tempo.

Recursos do GitLens

O recurso de anotação de culpa de linha atual oferece uma maneira robusta de lembrar autorias de código.
As visualizações da barra lateral oferecem insights valiosos sobre projetos e tornam a visualização, navegação e exploração de novos repositórios ainda mais divertidos.
GitLens permite aos usuários pesquisar e descobrir históricos de commits com base em mensagens, autores, arquivos, id e muito mais.
Os usuários podem alternar rapidamente entre vários conjuntos de configurações usando modos personalizados.

Baixar extensão

Reflexões finais

A abundância de extensões do Visual Studio Code robustas, atraentes e úteis disponíveis torna difícil para muitos escolher quais instalar. Sugerimos que os usuários não instalem uma extensão só porque ela está lá. Em vez disso, você deve deixar seus projetos determinarem quais ferramentas eles exigem. Descrevemos as 20 melhores extensões vscode genéricas que podem ajudar qualquer pessoa. Essas escolhas foram baseadas na popularidade entre os desenvolvedores e em suas funcionalidades semelhantes. Felizmente, conseguimos fornecer a você todos os insights necessários que você estava procurando. Continue nos visitando para obter mais guias sobre dicas interessantes de programação do Linux.