DEV Community

Cover image for Top 5 extensões no visual studio code para quem trabalha no front-end
Luís Daví
Luís Daví

Posted on • Updated on

Top 5 extensões no visual studio code para quem trabalha no front-end

Olá pessoal! trago hoje aqui as 5 extensões para quem trabalha com front-end, extensões que com toda certeza vão fazer diferença no fluxo de trabalho


#1 - Live Server

#1 - Live Server
A extensão "Live Server" permite que você crie um servidor local para seus arquivos ".html" usando apenas o Visual Studio Code. Ao clicar no botão "Go Live", o servidor é iniciado e você é redirecionado para a URL do servidor local. A extensão também possui a configuração de atualização automática também conhecida como “hot refresh”, fazendo o reload da página assim que modificações são feitas no código.

#2 - HTML CSS Support

#2 - HTML CSS Support
A extensão "HTML CSS Support" para o Visual Studio Code é uma ferramenta que oferece suporte para autocompletar CSS em arquivos HTML. Isso significa que, enquanto você digita seu código HTML, a extensão sugere propriedades CSS que você pode usar, economizando tempo e evitando erros de digitação. Além disso, a extensão fornece informações detalhadas sobre as propriedades CSS à medida que você as digita, o que pode ajudar a lembrar as opções disponíveis. É uma ótima opção para quem trabalha com front-end e deseja otimizar seu fluxo de trabalho.

#3 - Tabnine

#3 - Tabnine
Tabnine é uma extensão que utiliza inteligência artificial para autocompletar códigos de diversas linguagens de programação, como HTML, CSS, JavaScript e Python. A ferramenta pode aprender com o código do usuário, melhorando suas sugestões de acordo com a utilização. É uma ótima opção para quem deseja otimizar o fluxo de trabalho e aumentar a produtividade.

#4 - Prettier

#4 - Prettier
A extensão Prettier é uma ferramenta que ajuda a formatar seu código de maneira consistente e fácil de ler. Ela pode ser usada em várias linguagens de programação e é especialmente útil para quem trabalha com front-end. Com o Prettier, você pode economizar tempo e garantir que seu código esteja sempre bem formatado e legível.

#5 - ESLint

#5 - ESLint
A extensão ESLint é uma ferramenta que ajuda a manter a consistência e a qualidade do seu código JavaScript. Ela analisa o seu código em busca de erros, problemas de estilo e outros problemas comuns para ajudar a melhorar a qualidade do seu código. A partir disso, ela fornece sugestões e avisos para que o código possa ser corrigido e melhorado. É uma extensão muito útil para quem trabalha com front-end e deseja garantir a qualidade do código JavaScript.


Post criado e publicado com 💙 por Luís Daví
👾Portifólio 🚀Github 📸Instagram

Top comments (0)