As extensões do VSCode são construídas para otimizar seu trabalho durante o desenvolvimento. Considerando que o VSCode é uma das IDE´S mais populares entre os desenvolvedores e totalmente gratuita, aqui vamos listar 11 extensões que vão ajudar muito no seu próximo projeto.
As extensões listadas aqui são voltadas principalmente para o desenvolvimento web, porém algumas podem beneficiar no desenvolvimento geral do projeto, seja front-end ou back-end.
Segue abaixo a lista com 11 extensões do VSCode.
Criar um servidor local com visualização ao vivo do seu projeto, sempre que salvar alguma modificação ele carrega automaticamente as modificações no navegador. Muito interessante para todos os desenvolvedores web.
Ao selecionar uma TAG no VSCode ele automaticamente marca a tag de abertura e fechamento, com o Auto Rename Tag ao renomear TAG, ele automaticamente renomeia as duas tag de fechamento e abertura, agilizando o trabalho pois evita que você tenha que renomear duas tags de uma vez.
A extensão funciona para HTML, XML, PHP e JavaScript.
Permite que você estenda seu arquivo HTML e js para mostrar o código CSS / SCSS / LESS no código-fonte.
Ele também transforma as classes em uma âncora que permite que você vá direto ao CSS da classe sem precisar procurar no meio do seu arquivo CSS.
Com o Colorize você consegue visualizar instantaneamente a cor que está no código RGB, RGBA E Hexadecimal.
Um verificador ortográfico básico que funciona bem com o código.
O objetivo deste corretor ortográfico é ajudar a detectar erros ortográficos comuns, mantendo baixo o número de falsos positivos.
Snippets para uma variedade de fontes de ícones.
Este pacote também está disponível para Atom e Sublime Text.
Mostra as correspondências da expressão regular atual em um documento lado a lado. Isso pode ser ligado / desligado com Ctrl + Alt + M (⌥⌘M).
Opções globais e multilinhas podem ser adicionadas para avaliação com um documento lado a lado por meio de uma entrada na barra de status. Isso pode ser útil quando o documento lado a lado tem vários exemplos para corresponder.
Bookmarks permitem que você adicione marcadores ao seu código, ajudando você a navegar rapidamente e a navegar facilmente para frente e para trás.
Destaque TODO, FIXME e outras anotações em seu código.
Às vezes, você se esquece de revisar os TODOs que adicionou durante a codificação, antes de publicar o código para produção. Por isso, há muito tempo quero uma extensão que os destaque e me lembre que há notas ou coisas que ainda não foram feitas.
Esta extensão torna a depuração muito mais fácil, automatizando a operação de gravação de mensagens de log significativas.
Desenvolvido pela Microsoft, o Debugger for Chrome permite que você depure seu código JS em VSCode. Ao contrário dos depuradores em outros IDEs, é surpreendentemente suave.
Todas as extensões listadas aqui são totalmente gratuitas, e você ainda não é usuário do VSCode, você pode baixar acessando esse link, após instalar começar a instalar suas extensões preferidas.
Se você é um programador front-end e trabalha com Bootstrap aqui no site temos uma lista com 3 editores online de bootstrap, eles permitem que você altere o estilo deixando com a identidade visual da sua marca ou do seu cliente.
O Google é inteligente e não quer conteúdo excessivamente repetido, copiado ou plagiado em suas…
O Figma é uma ferramenta de design colaborativa, online e gratuita, que não requer nenhum…
Os testes A/B são uma das formas mais eficientes e conhecidas para otimizar os resultados…
Neste artigo vamos listar 6 Sites para baixar texturas grátis para compor projetos de design,…
O Design Thinking, que se refere ao "pensamento do design" ou "pensar como um designer",…
A internet oferece um mundo de oportunidades para ganhar uma renda extra. Neste artigo, apresentamos…
View Comments
Interessante