7 extensões para VS Code que você não vai querer sair do editor após a instalação

… Mesmo as ferramentas mais simples podem permitir que as pessoas façam grandes coisas.

Biz Stone, “Decida-se! Do fundador do Twitter a responsabilidade de construir



muito bem”.Uma das diferenças entre programadores muito bons e bons programadores é quais ferramentas eles usam. Escolher as ferramentas certas pode tornar a vida do desenvolvedor muito mais fácil. Refere-se ao ajuste fino dos IDEs usados ​​ao escrever o código. Muitos programadores usam o Visual Studio Code atualmente. Este editor de código suporta a instalação de extensões. Existem tantas dessas extensões por aí que podemos dizer que as possibilidades de personalização do VS Code são quase infinitas. Mas no Visual Studio Marketplace











, um número incrível de extensões é publicado no site onde as extensões para VS Code são publicadas. Isso significa que é difícil para os programadores encontrarem exatamente o que realmente precisam. Se certa extensão pareceu útil para alguém, então é bem possível que ela também beneficie outras pessoas. Portanto, aqui vou falar sobre 7 extensões para VS Code que podem facilitar muito o trabalho do programador. Todas essas extensões são gratuitas. Qualquer pessoa pode baixá-los e usá-los gratuitamente.



1. Cliente REST



A extensão REST Client permite, diretamente do VS Code, enviar solicitações HTTP e visualizar imediatamente as respostas a elas. Esta extensão permite dizer adeus aos aplicativos externos que, de outra forma, você teria que usar para fazer solicitações aos servidores.



Esta extensão é muito popular considerando que tem mais de um milhão de downloads. Ele é usado por muitos programadores. Eu uso o cliente REST há algum tempo e acho que é uma ótima ferramenta.



Isso torna muito fácil e conveniente criar e enviar solicitações. Ao trabalhar com ele, são usadas construções sintáticas claras que o tornam mais fácil de usar em uma variedade de situações. Por exemplo, o envio de uma solicitação GET simples requer apenas uma linha de código contendo a palavra-chave GETe o URL.



Em geral, recomendo tentar esta extensão para quem precisa da funcionalidade de um cliente REST.





Trabalhando com o cliente REST



2. CSS Peek



Se você gosta de desenvolvimento para web, CSS Peek é uma extensão obrigatória em sua caixa de ferramentas. Esta extensão permite que você visualize rapidamente as regras CSS aplicadas a vários elementos HTML. Para ver o código CSS correspondente, basta passar o ponteiro do mouse sobre o nome da classe do elemento ou seu ID.



Abaixo está o processo para trabalhar com CSS Peek.





Trabalhando com CSS Peek



Mas os recursos desta extensão vão além do estilo de navegação. Entre outras coisas, ele permite que você pule rapidamente para o código das regras CSS usadas para estilizar os elementos. Isso economiza muito tempo procurando por seletores correspondentes.



3. Embeleze



Se você gosta de código limpo, com certeza vai adorar a extensão Beautify . Ele permite que você formate seu código. O Beautify suporta JavaScript, HTML, CSS, Sass e JSON.



A melhor parte dessa extensão é que ela se presta a uma personalização profunda. Por exemplo, isso inclui definir os tamanhos de recuo e especificar se os arquivos devem ser encerrados com uma nova linha. O Beautify é adequado para quem escreve código em diferentes linguagens de programação, para cada uma delas você pode definir suas próprias configurações.



Beautify, com mais de 5 milhões de downloads, está entre as 20 extensões mais populares.



4. Tag de renomeação automática



A extensão Auto Rename Tag resolve um problema muito simples, mas, apesar disso, pode ocupar o seu devido lugar na caixa de ferramentas do programador. Ou seja, ele automatiza a tarefa de renomear tags HTML. Em particular, se a tag inicial for renomeada, a tag final também muda. A mesma coisa acontece quando você renomeia a tag final.



Se quiser que uma tag de fechamento automático seja inserida automaticamente após inserir um parêntese que encerre a tag de início, dê uma olhada na extensão Tag de fechamento automático . Se você tiver ambas as extensões, isso o ajudará muito na escrita de código HTML, tornando seu trabalho mais eficiente e os resultados de seu trabalho mais consistentes.





Trabalhando com Auto Rename Tag



5. Quokka.js



A extensão Quokka.js é uma espécie de sandbox para experimentar código, embutida diretamente no editor. Ele permite que você trabalhe com arquivos exibindo as dicas apropriadas diretamente no código. Essas dicas aparecem durante o processo de digitação do texto do programa, o que é muito conveniente.





Trabalhando com Quokka.js



6. Night Owl



Qual é o custo de otimizar o VS Code sem usar um tema incrível? Os programadores passam muito tempo trabalhando no editor, portanto, quanto mais atraente o editor parecer, melhor. 



Night Owl é um dos grandes temas usados ​​por muitos programadores. A descrição diz que foi projetado para quem fica sentado diante do computador até tarde da noite.





Tema Night Owl



Mas se você não gosta deste tema, tudo bem. Existem muitos outros tópicos bons, um dos quais certamente será adequado para você.



7. Snippets de código JavaScript (ES6)



A extensão de snippets de código JavaScript (ES6) que encerra este material oferece ao desenvolvedor um conjunto de snippets que permitem criar rapidamente construções JavaScript modernas.



Por exemplo, se, usando este ramal, digite clge pressione Enter- acessará o código console.log. Pode levar algum tempo para dominar todos os snippets disponíveis nesta extensão. Mas alguém que implementou trechos de código JavaScript (ES6) será capaz de escrever código JS moderno muito rapidamente. Ele paga pelo tempo gasto aprendendo essa extensão.



Quais extensões do VS Code você está usando?






All Articles