Article image
Gabriel Mendes
Gabriel Mendes08/02/2022 03:33
Compartilhe

10 Extensões para melhorar a produtividade no VSCode

  • #JavaScript
  • #React
  • #Node.js

10 extensões para o VSCode

Segue abaixo a lista com 10 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.

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.

Todas as extensões listadas aqui são totalmente gratuitas, é só baixar e se divertir =D.

Compartilhe
Comentários (8)
Maycon Santos
Maycon Santos - 08/02/2022 13:41

Parabéns, e muito obrigado!

Isaias Bueno
Isaias Bueno - 08/02/2022 10:14

Muito Bom!

Roberlande Silva
Roberlande Silva - 08/02/2022 10:11

muito legal, obrigado pela dica.

Diogo Dantas
Diogo Dantas - 08/02/2022 09:33

Muito show!! VSCode é o meu editor de códigos favorito :)

Geraldo Alves
Geraldo Alves - 08/02/2022 08:48

Legal

Obrigado pelas dicas

Giliade Fariaa
Giliade Fariaa - 08/02/2022 08:08

Show de bola, muito bom.

José Ferreira
José Ferreira - 08/02/2022 07:57

Muito bacana, valeu!

Kledenilson Freire
Kledenilson Freire - 08/02/2022 06:34

Show!

Leia a seguir
Desenvolvedor FullStack
Recomendado para você