5 plugins para Sublime Text que são indispensáveis
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 :)
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.
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
Ler mais
Credito Imagem Topo: Scriptadores
