5 plugins para Sublime Text que são indispensáveis

novembro 06, 2017   Dicas , Produtividade , Sublime Text

Nesse post trago alguns plugins que utilizo no meu stack que podem ser muito úteis para você que utiliza Sublime Text. Alguns destes estão disponíveis no Atom e no Code também :D

Emmet

O Emmet permite que em uma única linha você possa gerar toda sua estrutura DOM. Ele possui uma sintaxe própria bastante lógica. Algo como:

table#tabela.table-hover[data-attr=table]>thead>tr>td{Nome}+td{Idade}^^tbody>(tr>td{Pessoa $}+td{$})*5

Resulta em:

<table id="tabela" class="table-hover" data-attr="table">
<thead>
<tr>
<td>Nome</td>
<td>Idade</td>
</tr>
</thead>
<tbody>
<tr>
<td>Pessoa 1</td>
<td>1</td>
</tr>
<tr>
<td>Pessoa 2</td>
<td>2</td>
</tr>
<tr>
<td>Pessoa 3</td>
<td>3</td>
</tr>
<tr>
<td>Pessoa 4</td>
<td>4</td>
</tr>
<tr>
<td>Pessoa 5</td>
<td>5</td>
</tr>
</tbody>
</table>


Basicamente você tem uam linha equivalente a uma estrutura DOM. Filhos são representados por >, classes são representadas por pontos, IDs por #, pais (parents) são ^. A sintaxe completa está disponivel no site: https://emmet.io/

Estou preparando post somente sobre este plugin em breve :)

SidebarEnhancements

Esse plugin acrescenta diversas funcionalidades ao menu de contexto que trazem muita produtividade. Permite mover aquivos, localizar no diretório, copiar o caminho do arquivo, duplicar, mover, entre outras. É realmente uma mão-na-roda no dia-a-dia.

ColorHighlighter

Esse plugin realça referências de cor dentro do seu código. É possível personalizar a forma com que a cor é apresentada (realçar, pintar a linha, mudar a cor do marcador, etc) e é possivel restringir os formatos de arquivos permitidos para o plugin funcionar.

sublime-linter

Esse plugin verifica a sintaxe e o fluxo do seu código e faz alertas quando algo está errado. Um if que ficou aberto, um ponto-e-vírgula que faltou. É possível configurar uma proteção adicional: impedir que o arquivo seja salvo caso seja detectado erro de sintaxe. Dessa forma, você evita ficar quebrando a cabeça tentanto encontrar o problema.

Material Theme

O Material Theme oferece algumas opções de temas muito interessantes que, além de serem visualmente agradáveis, possuem paletas de cores que não agridem os olhos. Isso é essencial para quem passa o dia no computador. 

A instalação é simples e ele oferece instalar também o pacote A File Icon, que muda os favicons dos arquivos do seu projeto, personalizados conforme a extensão do arquivo.

Tem mais alguma dica? Deixa aí nos comentários o/

Credito Imagem Topo: Scriptadores