Como instalar extensões do Visual Studio Code

21 de outubro de 2021

Aprenda a procurar extensões e instalá-las no Editor do Visual Studio Code. Ambos os métodos GUI e da linha de comando são discutidos.

O Visual Studio Code da Microsoft é talvez o editor de código aberto mais popular, após Vim (claro).

O Visual Studio Code fornece uma experiência incrível "fora da caixa", fornecendo quase todos os recursos de IDE. Mas sempre há coisas que você deseja que o Visual Studio Code possa fazer. "A grama é sempre mais verde do outro lado."

O Visual Studio Code Marketplace é exatamente onde você encontrará as extensões para o Visual Studio Code. Extensões que são publicadas no Visual Studio Code Marketplace são verificadas por vírus antes de serem publicadas. Portanto, essas extensões podem ser confiáveis.

Instalando extensões no Visual Studio Code

Você não precisa ir ao site do Marketplace para instalar extensões. Você pode instalar e gerenciar extensões diretamente do próprio editor.

Espero que você tenha Visual Studio Code instalado no Linux ou qualquer sistema operacional que você esteja usando.

Abra o Visual Studio Code e vá para o lado esquerto, na barra de atividades. O último botão na barra de atividades é o botão Extensões. Clicar nisso irá expô-lo à enorme riqueza das extensões disponíveis para instalação no Visual Studio Code.

01 Todas as extensões 1

Acessando a guia Extensões no Visual Studio Code

Você também pode pressionar a combinação de teclas de atalho Ctrl + Shift + X para lançar o painel lateral de extensões.

Se você não tiver nenhuma extensão instalada, verá uma lista das extensões mais populares disponíveis no Visual Studio Code Marketplace. Existem extensões que você deseja que o Visual Studio Code já tivesse. E então, algum dia você descobrirá uma extensão e se perguntará como você viveu sem ela!

Encontre uma extensão e instale-a no editor (método GUI)

Vamos instalar algo mais simpático e algo que um iniciante pode facilmente aproveitar, sem muita prática.

Clique em Visual Studio Intellicode (#1) que está na lista apresentada das extensões mais populares.

02 Selecione IntelliCode 1

Como instalar uma extensão como o Visual Studio Intellicode

Basta clicar no botão Instalar (#2) instalará a extensão Visual Studio Intellicode. Essa extensão oferece sugestões de IA enquanto você está escrevendo código.

Uma vez instalado, você será capaz de aproveitar ao máximo essa extensão. Tente digitar um bloco de código em sua linguagem de programação preferida e verifique se o IA AutoComplete sugerido está funcionando para você e não causando qualquer tipo de desaceleração em seu fluxo de trabalho.

03 Instalação Intellicode feita 1

Gerenciando uma extensão instalada no Visual Studio Code

Se você não gosta de qualquer uma das extensões instaladas, basta clicar no botão Desinstalar (#2) para remover completamente a extensão indesejada.

Se você tiver várias extensões instaladas, e verificar que uma das extensões instaladas está causando problemas, talvez falhas repentinas, você pode simplesmente desativar uma (ou várias) extensão(ões) simplesmente clicando no botão Desativar (#1) e verificar se a extensão x estava agindo ou foi extensão y, ou foi algo completamente diferente.

Considerando que a remoção de extensão e a reinstalação leva muito tempo, a desativação de extensões pode ser útil quando você tiver várias extensões instaladas.

Método alternativo: instalar extensões usando o terminal

Você sabia que poderia instalar uma extensão do Visual Studio Code do termoInal? Bem, agora você sabe!

Para instalar uma extensão do seu terminal, você precisa saber o nome da extensão e o nome do editor na ordem de publisher.extension. Para um exemplo, se quiser instalar a mesma extensão que você fez antes, o Visual Studio Intellicode, seu nome e o nome do editor é VisualStudioExptTeam.vscodeintellicode.

Para descobrir este identificador exclusivo de qualquer extensão, em primeiro lugar, visite o Marketplace do Visual Studio Code no seu navegador de escolha.

Visual Studio Código Marketplace

Uma captura de tela do que o Visual Studio Code Marketplace parece

Em seguida, procure por qualquer extensão, para este tutorial, vou me concentrar em instalar o Visual Studio Intellicode. E, em seguida, abra a página da extensão que você deseja instalar.

Visual Stuido Code Ext Search

Pesquise pelo Visual Studio Intellicode e abra a página da Web da extensão

Depois de ter a página da Web da sua extensão aberta, você verá um bloco de código. Na imagem da página da Web da extensão abaixo está o identificador exclusivo destacado da extensão.

Vs Code Extension Identifier

Identificador exclusivo da extensão do Visual Studio Code

Depois de ter o código exclusivo da extensão que você deseja instalar, VisualStudioExptTeam.vscodeintellicode neste caso, você pode prosseguir executando o seguinte comando no seu terminal.

Comandos para usar no terminal

code --install-extension VisualStudioExptTeam.vscodeintellicode

Como a GUI, a interface de linha de comando também permite instalar, desativar, remover e gerenciar extensões.

Há uma opção prática que lhe dará uma lista de todas as extensões que você instalou. Você pode fazer isso executando o seguinte comando:

Comandos para usar no terminal

code --list-extensions

Para desativar uma única extensão, execute este comando:

Comandos para usar no terminal

code --disable-extension ID-DA-EXTENSAO

Se você quiser desativar todas as extensões, você pode executar o seguinte comando:

Comandos para usar no terminal

code --disable-extensions

O comando acima desativará todas as extensões instaladas. Isso ajudará você a diagnosticar se as extensões estão causando problemas ou se é o Visual Studio Code.

Agora, se você quiser remover completamente qualquer extensão, use este comando:

Comandos para usar no terminal

code --uninstall-extension ID-DA-EXTENSAO

Conclusão

Eu acho muito mais fácil usar o editor para instalar extensões do Visual Studio Code. Afinal, é direto no editor onde eu trabalho.

Uma vez que você esteja confortável com o Visual Studio Code, talvez veja este artigo apontando alguns atalhos de teclado úteis para o Visual Studio Code que podem ajudá-lo a se tornar ainda mais produtivo!

Divirta-se!

Confira também a versão original desse post em inglês
Esse post foi originalmente escrito por Pratham Patel e publicado no site itsfoss.com. Traduzido pela rtland.team

How to Install Visual Studio Code Extensions

Propaganda
Propaganda