DEV Community

Cover image for 12 Extensões para o Visual Studio Code que você precisa conhecer
Julia  Maschion
Julia Maschion

Posted on

12 Extensões para o Visual Studio Code que você precisa conhecer

Olá, textinho bem direto ao ponto para ajudar vocês com mais configurações no VS Code :)

image

Extensão que deixa os brackets do código coloridos, assim a gente não fica tão perdido(a) quando o código é grande e está faltando fechar alguns parênteses.

image

Essa extensão cria um servidor online para que você não precise ficar salvando o arquivo e atualizando a página do projeto toda hora. É usada mais pra projetos simples. Clique com o botão direito no arquivo html e coloque para abrir com Live Server.

image

Essa daqui você consegue codar junto com alguém, ambos mexendo no mesmo projeto. Como se tivesse dividindo tela e a pessoa acessando seu computador.

image

Dá uma prévia de como está seu arquivo markdown. Muito útil para fazer aquele READ.ME bacana! Clica com o botão direito em cima do arquivo markdown e seleciona para ver prévia.

image

Essa deixa ícones do lado dos arquivos bem bonitinhos com os símbolos de cada um. Tem ícone de html, css, js e vários outros!

image

Adoro essa! Ajuda demais a dar o caminho das pedras, digo, caminhos das pastas! Muitas vezes meu intellisense não funcionava para achar o caminho e resolvi o problema baixando essa extensão.

image

Essa é sensacional para quem trabalha com muitos projetos. Ela deixa o VS Code da cor que você quiser, cada repositório com a cor que você definir. Nesse caso eu coloquei roxo, por exemplo!

image

Destaca as cores no arquivo de estilos para facilitar a visualização de que cor você está usando em x local.

image

Essa facilita a renomear as tags!

image

Essa você clica na classe css que está no html e te leva direto pro local onde ela está no arquivo de estilos.

image

Muuuito utilizada, ajuda a formatar o código e possui várias regras que você pode configurar para deixar o código mais organizado.

image

E por último essa que eu amo de paixão! Também para quem trabalha com muitos projetos e tem um trabalho enorme de ficar abrindo eles toda hora. Ela favorita vários projetos que você quer dentro do próprio VS Code. Isso facilita abrir e fechar os projetos.

Espero que tenha ajudado e se você conhece mais extensões úteis, comenta aqui pra gente!

;*

Top comments (1)

Collapse
 
laurolyra profile image
Lauro Lyra Aguiar

a CSS Peek me será muito útil. Obrigado pelas dicas! =D