Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Extensões VS Code

por Gabriela Cortez
| 52.7k xp | 5 posts
Estudante

Eai pessoal, tudo bem? Estava dando uma olhada nos tópicos do fórum e achei um que me interessou bastante: extensões. Eu utilizo bastante as extensões Prettier - Code formatter, Live Server, Drácula, HTML Preview, Code Highlight:

  1. Prettier é um formatador de código com suporte a diversos tipos de arquivos como JavaScript, JSX, Angular, Vue, TypeScript, HTML, CSS, SCSS e JSON.
  2. Live Server permite que você veja a sua página ao vivo no navegador. Ele tem uma atualização em tempo real, assim se você atualizar seu código, as mudanças também se refletem no navegador diretamente.
  3. Drácula serve para personalizar o ambiente de desenvolvimento. Altera todo o visual do editor.
  4. HTML Preview permite que você veja a pré-visualização de arquivos HTML dentro do próprio programa, dividindo a tela ou usando tela cheia.
  5. Color Highlight serve para quem atua como front-end, essa extensão pode ajudar na verificação das cores, que vai ser criado no código do CSS e Sass.

E vocês, quais utilizam? Bora compartilhar um pouco de conhecimento e dicas? (:

1 resposta
solução!
por Lorena Garcia
| 8384.1k xp | 12242 posts
Alura Scuba Team Suporte Educacional

Oi Gabriela, tudo bem? Fico feliz em saber que você está buscando conhecer mais sobre as extensões do VSCode. Realmente, elas podem ser muito úteis para otimizar o seu trabalho e aumentar a sua produtividade.

Além das extensões que você citou, eu também utilizo bastante:

  1. GitLens: Uma extensão que aprimora a integração do Git com o Visual Studio Code, fornecendo recursos avançados de rastreamento e visualização de alterações do Git diretamente no editor.

  2. ESLint e/ou Prettier: Extensões que ajudam a manter a consistência e a formatação correta do código JavaScript, TypeScript, HTML, CSS e outros, de acordo com as configurações definidas em seus respectivos arquivos de configuração.

  3. Indent-rainbow: ajuda a melhorar a legibilidade do código, destacando as diferentes camadas de indentação com cores distintas.

  4. Docker: Uma extensão para trabalhar com contêineres Docker diretamente no Visual Studio Code. Permite gerenciar imagens, contêineres, redes e volumes, além de oferecer suporte para depuração de aplicativos em contêineres.

Essas são apenas algumas das muitas extensões disponíveis no Visual Studio Code. Existem várias outras extensões úteis e personalizáveis, dependendo das suas necessidades específicas de desenvolvimento.

Espero ter ajudado.

Um abraço e bons estudos.