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.
11 extensões para o VSCode
Segue abaixo a lista com 11 extensões do VSCode.
Live Server
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.
Auto Rename Tag
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.
CSS Peek
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.
Colorize
Com o Colorize você consegue visualizar instantaneamente a cor que está no código RGB, RGBA E Hexadecimal.
Code Spell Checker
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.
Icon Fonts
Snippets para uma variedade de fontes de ícones.
Este pacote também está disponível para Atom e Sublime Text.
Regex Previewer
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
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.
TODO Highlight
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.
Turbo Console Log
Esta extensão torna a depuração muito mais fácil, automatizando a operação de gravação de mensagens de log significativas.
Debugger for Chrome
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.
Conclusão
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.
Interessante