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 é Visual Studio Code .
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 e Mac OS- computadores baseados.
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.
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 Código VS , 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.
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.
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.
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.
É 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 .
GitLensGenericName
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.
Este é o caso com GitLensGenericName , 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 falsificador
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 ).
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 .
