Extensões para VS Code

Quais extensões vocês conhecem e se possível explique (pode ser resumido) para caso outros colegas se interessem e queiram instalar.

Essas são algumas das extensões que conheço:
Live Server - permite que você veja a sua página ao vivo no navegador, tem uma atualização em tempo real.
Bracket Pair Colorizer - Deixa cada par de chaves com uma cor diferente. Ajuda muito para não nos confundirmos com tantas chaves no código.
Material Icon Theme e vscode-icons - Coloca ícones bonitinhos para os arquivos, ajudando a identificar bem rápido o que é.
Prettier Code Formatter - Formata automaticamente seu código, basta utilizar para MacOS “command + shift + p” e para Windows “Ctrl + shift + p”. Vai aparecer escrito “Format Document”, clicou e pronto! :smiley:
Color Highlitght - Auxilia em mostrar as cores que você estará criando em um determinado arquivo .css
Rainbow Brackets - Tem como objetivo em mostrar em forma de cores se você fechou um determinado colchete.
Path Intellisense - Autocomplete para nomes de arquivos.

11 Likes

Incluíria nessa lista, o ESLint que ele organinza o seu código, identações, os imports. E além disso faz uma correção automática de problemas.

5 Likes

Existem também dois recursos do Visual Studio que aceleram bastante o desenvolvimento e não estão presentes no Visual Code, mas existem extensões pra isso:

Error Lens - Ele sublinha e dá descrições de erros durante o código, tanto ao lado da linha, quanto passando o cursor por cima. Também traz algumas opções de solução (ctrl + .)
code snippets - Existe para cada linguagem um pacote de atalhos do teclado e sugestões de implementação. Por exemplo JavaScript (ES6) code snippets, HTML Snippets, ES7+ React/Redux/React-Native snippets, Vue 3 Snippets… É possível verificar todos disponíveis começando a digitar “snipp” na barra de pesquisa de extensões, ou o nome da linguagem específica.

2 Likes

muito obrigadaaaaa, estava procurando extensões para melhorar minha experiencia no vsCode!

1 Like

Muito obrigado!!!

1 Like

REST Client O Rest Client é uma extensão que permite executar requisições diretamente do VS Code a fim de testar APIs. Ele é bem simples de utilizar: basta abrir um arquivo e escrever o comando de requisição.

1 Like