12 Extensões para o Visual Studio Code que você precisa conhecer
Published: 2021-03-10 01:35:04

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

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dx5czhcepgftqhf61upt.png)
 
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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lzfo3nplp7gcvm65rnfv.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q3q4oc1ly2m1q49xsqw1.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/snhk9wqxi9sncjjn127r.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tyjzoxg0lf1pci8ob6mk.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/28c1k08f823a117ynlmm.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i9sc7mal0ws79nd8v936.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7qvur1r1kp9bvdv3n7hp.png)

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

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0rigvs97exxr9nsxbemg.png)

Essa facilita a renomear as tags!

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vlfa6e0r4urkkpdjgz7i.png)

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

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/842wdvnv5jwwitqeabhc.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zieksgxvtgdudl48kswq.png)

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!

;*