Promoção no ar
Tempo restante da oferta:
04 Horas
53 Min
41 Seg
Assinar →

VS Code - Melhores extensões para Front End - Parte 3

Conheça mais uma lista de extensões do VS Code que ajudarão a melhorar a sua produtividade e facilitar o seu trabalho.

Akira Hanashiro 6 anos atrás

Olá Web Developers! Vamos a mais uma lista com as melhores extensões para VS Code.

1 - Quokka.js

VS Code - Quokka.js

É provável que você já tenha precisado experimentar um trecho de código. Se sim, sem dúvida buscou criar um arquivo, procurou um Playground online ou abriu o console do navegador.

Com o Quokka.js você não precisa disso. Basta escrever um código no VS Code em JavaScript ou TypeScript e ele já exibe o retorno.

2 - Code Runner

VS Code- Code Runner

Assim como o Quokka.js, o Code Runner também serve para executar códigos.

Porém, ele abrange dezenas de linguagens, como: C++, Java, PHP, Python, Ruby, TypeScript, JavaScript, C#, Go, Rust, etc.

Para que essas linguagens executem, obviamente que você precisa dela instalada em sua máquina.

3 - SVG Viewer

VS Code - SVG Viewer

O SVG Viewer é uma ótima ferramenta para visualizar arquivos SVG. Certamente é um ótimo auxílio caso você precise editar esse tipo de arquivo.

Curso HTML5 + CSS3 - Fundamentos Conhecer o curso

4 - Markdown All in One

VS Code - Markdown All in One

Essa ferramenta possui várias funcionalidades que te ajudarão a escrever Markdown, como: atalhos de teclado, geração automática de sumário, autocomplete, entre outras facilidades.

5 - GitLens

VS Code - GitLens

O GitLens acrescenta várias funcionalidades ao VS Code para trabalharmos com Git.

Ele possui tantas funcionalidades que seria mais simples dizer simplesmente que ele te dá superpoderes.

6 - Project Manager

VS Code - Project Manager

É provável que você tenha vários projetos aí na sua máquina. Mas no momento o VS Code ainda não possui uma forma amigável de listar esses projetos.

Para que possamos gerenciar melhor nossos projetos, o Project Manager adiciona um item à barra lateral. Dentro dele podemos adicionar nossos projetos. De fato é um ótimo meio de manter uma lista com nossos projetos.

Curso React - Fundamentos Conhecer o curso

7 - Better Comments

VS Code - Better Comments

Com o intuito de deixar comentários mais amigáveis, esta extensão altera o modo como os comentários do seu código são exibidos.

A saber, ela suporta várias linguagens de programação, permite configurar a estilização de cada tipo de comentário e também qual marcação será responsável por cada tipo de comentário.

Continue lendo

Artigos relacionados

Um ano de acesso total para você viver de programação.

Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro console.log ao mercado de trabalho.

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Aplicativos para Android e iOS, com acesso offline
Garantia incondicional de satisfação

Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro.

Acesso completo a todos os cursos e dezenas de Formações.

12 meses
Economize R$ 840,00 54% OFF

de 12x R$ 129,00 por apenas

12x R$ 59,00

sem juros no cartão de crédito ou R$ 708,00 à vista

Oferta termina em 04h 53min 41s

  • Acesso imediato e ilimitado durante 1 ano.
  • Plano de carreira personalizado.
  • Suporte direto com professores.
  • E muito mais!
Matricule-se agora