Logotipo Design Interativo
Visual Studio Code

Melhores plugins para o editor de código Visual Studio Code


Para quem não conhece o Visual Studio Code é o editor de código front-end gratuito da Microsoft, bem semelhante ao Atom e ao Sublime esse editor ganhou minha atenção. Assim como seus concorrentes este editor também possui possibilidades de inserir plugins para facilitar a vida do desenvolvedor, fiz uma relação dos melhores plugins para você aproveitar o melhor da ferramenta.

Você pode baixar o Visual Studio Code neste link.

Melhores plugins e extensões para o Visual Studio Code

Plugins / Extensões

A ferramenta possui facil acesso a área de extensões, lá você pode fazer uma busca pelos plugins listados abaixo e realizar a instalação.

1 – Class autocomplete for HTML (AES Soft)

A extensão varre automaticamente o arquivo HTML ativo para links externos de folhas de estilo CSS. Quando uma folha de estilos é encontrada, os nomes das classes são extraídos e disponibilizados para uso com o recurso autocomplete do código do Visual Studio Code.

2 – Color Picker (Anseki)

Exibe a cor do hexadecimal do CSS.

3- Guides (Spywhere)

Exibe linhas guias de edentação do código.

4 – Image preview (Kiss Tamás)

Mostra ao lado dos números de linhas do código um Preview da imagem que esta naquela linha, plugin muito útil para identificar no código onde estão as imagens.

5 – Indenticator (SirTori)

Destaca a edentação ativa.

6 – Mithril Emmet (FallenMax)

O famoso Emmet, este plugin para quem não conhece auxilia na velocidade de escrita do código já que utiliza diversos atalhos para criação rápida de tags.

7 – Path Autocomplete (Mihai Vilcu)

Este plugin é muito útil para encontrar imagens em pastas diretamente no código, mostrando para você os arquivos do diretório diretamente na linha de código.

8 – Icon Fonts (Idleberg)

Snippets ou autocomplete de trechos de código para os mais conhecidos icons fonts do mercado.

9 – Boostrap 3 Snippets (William Whitehead)

Snippets ou autocomplete de trechos de código para o Bootstrap.

10 – JQuery Code Snippets (Don Jayamanne)

Snippets ou autocomplete de trechos de código para Jquery.

 

 

Deixe o seu comentário!

publicidade
publicidade
publicidade

Design Tools

Links

Conheça sites sobre ux, design, front-end, comunicação, inspiração e muito mais, fique por dentro das novidades do mercado com nossa lista.


Profissionais Influentes

Conheça os profissionais que influenciam e trabalham para a comunidade de design e fron-end e user experience, confira o Twitter de cada um.


Curta nossa fanpage e fique por dentro das novidades do site
publicidade
publicidade
publicidade