5 extensões incriveis que não podem faltar no seu VSCODE!!!
![](https://www.freecodecamp.org/portuguese/news/content/images/size/w2000/2022/03/5f9c9837740569d1a4ca18cd.jpg)
Visual Studio Code é um dos editores de código mais utilizado na comunidade dos devs. Uma das razões para essa popularidade é a enorme possibilidades de extensões que aceleram e facilitam o processo de desenvolvimento.
Criei esse conteúdo com 5 incríveis extensões que irao te ajudar a ser mais produtivo, que inclusive eu as utilizo e me ajudam muito diariamente. Aqui estao apenas 5, mas existem outras várias... mas me diga quais são as extensões que você usa que não estão nesta lista e que não pode faltar na sua máquina? 😊👩💻🚀
Bora lá!! Aqui estão as extenções...
⬇️⬇️⬇️
LIVE SERVER
![](https://ritwickdey.gallerycdn.vsassets.io/extensions/ritwickdey/liveserver/5.7.9/1661914858952/Microsoft.VisualStudio.Services.Icons.Default)
Essa é uma extensão praticamente obrigatória para você que curte o ambiente de front-end. O Live Server te permite visualizar sua pagina ao vivo no navegador com atualização em tempo real a cada mudança do codigo!
.
![](https://ritwickdey.github.io/vscode-live-server/images/Screenshot/vscode-live-server-animated-demo.gif)
INTELLI CODE ![](https://visualstudioexptteam.gallerycdn.vsassets.io/extensions/visualstudioexptteam/vscodeintellicode/1.2.29/1666210748584/Microsoft.VisualStudio.Services.Icons.Default)
Essa é uma ótima extensão para otimização do seu tempo no desenvolvimento, sabe porque? O IntelliCode conforme você digita ele te ajuda completando o seu código com base no que você mais usa, alem de estar disponível para diversas linguagens de programação
.
![](https://learn.microsoft.com/pt-br/visualstudio/intellicode/media/python-intellicode.gif)
VSCODE ICONS
![](https://images.opencollective.com/vscode-icons/22d38a7/logo/256.png)
Famosa extensão que é bastante útil para diferenciar com cores diferentes os pares de colchetes no código, tornando melhor a visualização dos vários colchetes encadeados que podem surgir.
.
![](https://raw.githubusercontent.com/vscode-icons/vscode-icons/master/images/screenshot.gif)
Rainbow Brackets
![](https://coenraads.gallerycdn.vsassets.io/extensions/coenraads/bracket-pair-colorizer-2/0.2.4/1648139476572/Microsoft.VisualStudio.Services.Icons.Default)
Assim como o Brackets Pair Colorizer, uma extensão super famosa que veio a ser descontinuado, o Rainbow Brackets adiciona cores ao seu editor para diferençar os pares de cada parênteses, chaves e colchetes. Cada par possui uma cor. Assim fica fácil saber onde cada um começa e termina.
.
Markdown All in One
![](https://yzhang.gallerycdn.vsassets.io/extensions/yzhang/markdown-all-in-one/3.5.0/1668948176406/Microsoft.VisualStudio.Services.Icons.Default)
Markdown All in One é uma extensão para lhe ajudar a escrever texto Markdown usando o VS Code. Além de desenvolver seus projetos com ela você tambem consegue escrever suas documentações, documentos e tudo mais, diretamente no Visual Studio Code com visualização ao vivo do está sendo escrito.
.
![](https://code.visualstudio.com/assets/docs/languages/Markdown/preview-scroll-sync.gif)