Os melhores plug-ins para adicionar ao Visual Studio Code

Quando se trata de mergulhar no interessante mundo do desenvolvimento de aplicativos, podemos usar uma infinidade de linguagens para fazer isso. Existem alguns específicos para determinadas tarefas, além de outros mais genéricos. Além disso, devemos selecionar o editor de código que queremos usar em nossa equipe e que atenda às nossas necessidades. aqui, uma das escolhas que podemos fazer é Código do Visual Studio .

Esta é uma ótima solução oferecida pela gigante do software Microsoft, pratos tanto para utilizadores novatos que estão a começar nesta, como para os mais profissionais. Para nos dar uma ideia, falamos aqui do Visual Studio Code, um editor de código desenvolvido pela própria Microsoft. Temos a capacidade de instalar e executá-lo em Windows , Linux ao mesmo tempo que Mac OS- computadores baseados.

melhores plug-ins para adicionar ao Visual Studio Code

Recursos importantes que o Visual Studio Code integra

Como você pode imaginar em um software com essas características e importância, ele nos oferece uma infinidade de funções que nos ajudarão no desenvolvimento do código. Mas não é tudo, pois para além das funções que apresenta, caracteriza-se por ter uma grande estabilidade e ser leve. Por isso, está se tornando o editor de texto favorito para essas tarefas.

Além disso, este editor de código aberto é multiplataforma e muito popular na comunidade de desenvolvimento de software. Como curiosidade, diremos que é beta versão foi lançada no final de 2015 e a primeira versão estável foi lançada em abril de 2016. Também é importante saber que o Visual Studio Code é compatível com um grande número de linguagens de programação. Portanto, isso não será um problema para a maioria dos desenvolvedores.

O editor tem suporte para depuração, controle Git embutido, destaque de sintaxe, autocompletar inteligente de código, etc. Deve ser dito que ele nos apresenta uma interface bastante personalizável, que permite aos usuários alterar o tema, ou os atalhos de teclado, entre outras coisas.

Visual Studio Code interfaz

Como você pode imaginar, tudo isso facilita o trabalho aqui graças ao fato de podermos adaptar o software às nossas necessidades ou preferências. Também conhecido como VScode , este editor conseguiu derrubar muitos outros que foram estabelecidos entre nós há anos, um programa que podemos baixar aqui .

Outra vantagem que esta plataforma nos oferece é que nos permite aumentar consideravelmente a sua funcionalidade, que é justamente do que falaremos a seguir.

Plugins para melhorar a funcionalidade do VScode

Como é usual em muitas outras soluções do mesmo tipo, o Visual Studio Code nos oferece a possibilidade de usar plugins. Se levarmos em conta que estamos diante de um dos editores de código mais usados ​​hoje, diremos que um dos motivos para isso é a quantidade de plugins disponíveis.

É exatamente por esse motivo que a seguir vamos mostrar algumas dessas extensões mais importantes e úteis que você pode usar no VScode. Como dizemos, o número desses elementos adicionais é muito alto, portanto, dependendo do tipo de trabalho ou uso que você fizer do programa, um ou outro pode ser útil para você.

Tag de renomeação automática

Vamos iniciar esta seleção de extensões ou plug-ins com Auto Rename Tag. Vale ressaltar que apesar de sua simplicidade, se algo caracteriza esse elemento, é a utilidade que ele fornece. Basicamente, o que esta extensão faz é alterar automaticamente o nome de um par Tag HTML / XML.

Tag de renomeação automática

Devido ao uso generalizado dessas etiquetas, é muito útil, em grande parte, devido ao tempo que nos poupará. Temos a possibilidade de obter este plugin diretamente de este link .

Tag de fechamento automático

A automação de tarefas neste tipo de programas e plataformas de desenvolvimento é uma das funções mais valorizadas pelos usuários regulares. Devemos ter em mente que, ao escrever código, às vezes é bastante repetitivo. Assim, com este plugin, fornecemos Visual Studio Code com suporte a tag fechada para HTML , Arquivos de guiador e Razor.

Tag de fechamento automático

Ao mesmo tempo, devemos saber que a extensão está habilitada para outras linguagens como XML, PHP, JavaScript, TypeScript, etc. Podemos obtê-la daqui .

Abra no navegador

Neste ponto, devemos saber que o VSCode não tem nenhuma interface integrada para abrir arquivos diretamente do navegador web . Daí justamente a importância ou utilidade que este plugin de que falaremos nos trará. Isso ocorre porque essa extensão adiciona uma nova opção ao programa chamada Abrir com o navegador padrão.

Abra no navegador

Encontraremos a adição no menu de contexto , bem como atalhos de teclado para abrir no navegador que costumamos usar no sistema. Temos a possibilidade de testar tudo isso por baixando a extensão daqui .

Quokka

Neste outro caso que vamos expor você para usar no Visual Studio Code, estamos falando sobre Quokka. Na verdade, é uma ferramenta de depuração que nos dá feedback em tempo real sobre o código que estamos escrevendo no momento. Ao mesmo tempo, mostra-nos prévias dos resultados das funções e os valores calculados das variáveis.

Quokka

É por tudo isso que você pode imaginar que este plugin pode ser muito útil em certas circunstâncias. Além disso, é muito fácil configurar e funciona com JSX e TypeScript projetos. Podemos fazer o download a partir deste link .

GitLens

Algo que certamente muitos de vocês já puderam verificar em primeira mão é que este editor se adapta perfeitamente a todos os sistemas operacionais. Ele também oferece todos os tipos de funcionalidades para tornar as coisas mais fáceis para nós ao desenvolvermos nossos próprios projetos . Mas também é verdade que ainda faltam algumas coisas, embora para isso possamos usar essas extensões.

GitLens

Este é o caso com GitLens , um plugin que adiciona melhorias à experiência de usar um editor de código como este da Microsoft . Graças a isso, poderemos ver quem mudou a linha de código em que estou trabalhando agora e quando eles mudaram. Ao mesmo tempo, podemos ver o histórico de alterações de cada arquivo, diferenciar entre diferentes modificações, etc. Para adicionar esta extensão, você pode fazê-lo daqui .

Vscode Faker

Esta proposta super interessante deste tipo que nos permite inserir dados de exemplo de forma fácil e rápida ao nosso projeto. Para isso, ele usa a biblioteca Faker JavaScript e podemos gerar nomes aleatórios , endereços, imagens , números de telefone, etc. Ao mesmo tempo, vale ressaltar que cada categoria possui várias subcategorias para localizar o conteúdo que procuramos o mais rápido possível. Para testar tudo isso, você pode fazer isso neste link ( https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker ).

Faker

Tema de ícone de material

Também pode ser o caso de precisarmos mudar um pouco a aparência do editor para personalizá-lo ou torná-lo mais confortável. Precisamente para isso, podemos usar o plugin na forma de um tema para adicionar ao Visual Studio Code. Na verdade, aqui nos referimos a um tema que nos oferece um mais minimalista e interface fácil de usar. Caso queira experimentar, você pode fazer daqui .

Tema de ícone de material