Nesse vídeo, você verá 8 extensões que vão desde facilitadores para o seu código, até extensões que apenas deixarão seu VSCode mais bonito (e isso também é super importante na hora de produzir o/).
Vamos lá.
- Auto close tag: ela faz o que o node dela diz, fecha automaticamente as tags que você criar aqui no HTML.
- Auto rename tag: renomeia as tags de forma automática, ajudando você para caso esqueça, então você precisa apenas modificar a abertura ou o fechamento dela que vai modificar a outra parte também na mesma hora.
- Material Icon Theme: ela mexe com ícones que temos no VS Code, deixando eles mais bonitos, tanto de linguagens quanto de pastas
- Image Preview: com ela você vai ter a imagem sendo carregada no canto esquerdo, perto do número da linha onde ela está. Isso ajuda você a ver se está usando a imagem certa.
- Live Server: faz com que você abra um mini servidor no seu VS Code, fazendo com que ele fique fácil de se modificar. Caso você modifique algo no html e salvar, vai modificar no navegador na mesma hora.
- Live Share: você consegue mexer no mesmo arquivo junto ao seu colega. Temos um vídeo dedicado ao Live Share aqui no blog, explicando o que é e como funciona, vale a pena conferir.
- Node.js exec: com ele você consegue executar algumas coisas simples no console do vscode, fazendo isso, você otimiza aprendizado e também alguns códigos JS, sem precisar abrir o navegador para ver um console.log por exemplo.
- Prettier: deixa o nosso código um pouco mais bonito e organizado de forma automática, basta configurar ele e salvar, que ele vai deixar o seu código alinhado, o que deixa ele com um padrão mais bonito
Espero que tenha gostado dessas extensões e aproveite bem nos seus códigos. o/
Se você quer se aprofundar ainda mais na programação web e dominar a stack JavaScript, faça como mais de 7.500 alunos e se inscreva no nosso treinamento completo “Programador Full Stack JavaScript Profissional” clicando aqui.
Subscribe
0 Comentários
