Plugins para Sublime Text

Lista de plugins para aumentar sua produtividade

Publicado em: 21 de Abril de 2013 as 16:10h por Lucas Klassmann em Desenvolvimento.

Tags: sublimetext plugins desenvolvimento


O que é o Sublime Text?

O SublimeText é um editor de código multi-plataforma comercial que permite a edição de uma variedade enorme de arquivos, como linguagens de programação, marcação, scripts e outros arquivos conhecidos como Markdown, YAML e etc.

Ele é focado em desenvolvedores, possui ótimas teclas de atalhos, permitindo realizar edição multiplas de linhas, busca avançada, extender com plugins, customizar a coloração da sintaxe, possui vários layouts de tela e um sistema de edição em fullscreen para não ter distrações.

Você pode encontrar ele aqui Sublime Text.

Recursos

  • Autocompletar código
  • Snippets
  • Minimap, uma miniatura do arquivo atual para facilitar a navegação
  • Sistema de busca pelo nome da classe e métodos
  • Busca e Substituição por Regex
  • Customizável por meio de plugins em Python
  • Gerenciador básico de projetos
  • Customização das teclas de atalhos
  • Varíos layouts de visualização de arquivos
  • Code Folding

Plugins

O Sublime Text já possui muitas funcionalidades, mas você por extrair ainda mais dele com plugins. Vou listar abaixo alguns dos quais mais utilizo no meu dia-a-dia.

Sublime Package Control

O primeiro plugin a ser instalado é um gerenciador de pacotes completo. Ele permite consultar, instalar, habilitar, desabilitar e remover plugins.

Instalação

A instalação dele é feita por meio de um código em python colado na janela de console do próprio Sublime Text, você pode verificar as instruções de instalação Aqui.

Site Oficial

Para mais informações, visite: Package Control

Instalando Plugins

Vamos supor que o plugin a ser instalado se chame MeuPlugin, basta você pressionar CTRL+P(no Mac COMMAND+P), acesse o Package Control, vá em Install Package, digite MeuPlugin e pressione ENTER.

Pronto! Dentro de alguns segundos(dependendo do tamanho do plugin) estará instalado o seu novo Plugin, a maioria deles não necessita que você reinicie o Sublime Text, mas você pode acompanhar a instalação na barra de status, localizada no rodapé do Sublime Text.

Emmet

Um plugin essencial para desenvolvedores web, ele permite criar rapidamente tags HTML e regras CSS.

Por meio de uma sintaxe semelhante ao CSS você cria tags rapidamente, ele é uma espécie de Snippet dinâmico.

Exemplos

Após digitar esse comando:

#page>div.logo+ul#navigation>li*5>a{Item $}

Basta pressionar a tecla TAB, e isso será gerado:

<div id="page">
<div class="logo"></div>
    <ul id="navigation">
        <li><a href="">Item 1</a></li>
        <li><a href="">Item 2</a></li>
        <li><a href="">Item 3</a></li>
        <li><a href="">Item 4</a></li>
        <li><a href="">Item 5</a></li>
    </ul>
</div>

Ele proporciona uma sintaxe fácil de assimilar e torna a criação de documentos HTML e CSS mais produtiva.

Outro exemplo, dentro de um arquivo CSS, se você digitar isso:

bgc

Após pressionar TAB, isso será gerado:

background-color:|;

Note que um | (pipe) está entre o : e o ;, após pressionar o TAB ele deixará o cursor na posição para digitar a cor para o background-color, fácil não?

Site Oficial

Para mais informações, visite o site do Emmet e também veja a página de Cheat Sheet com a lista dos atalhos possíveis.

Instalação

Acesse o Package Control e procure por Emmet.

XML Indent

Um plugin muito útil para quem trabalha com arquivos XML, este permite formatar uma XML fácilmente, endentando e organizando as tags de forma hierárquica para facilitar a leitura.

Site Oficial

XML Indent

Instalação

Acesse o Package Control e procure por XML Indent.

HTML Prettify

Semelhante ao XML Indent, mas este faz a formatação com arquivos HTML e CSS, muito útil quando você tem um código compactado.

Site Oficial

HTML Prettify

Instalação

Acesse o Package Control e procure por Sublime-HTMLPretify.

SublimeREPL

Este plugin tem uma ideia simples, mas surpreendente, ele abre um interpretador da linguagem escolhida dentro do Sublime Text, permitindo você executar comandos da linguagem e ver o resultado ali mesmo e depois ainda é possivel salvar tudo o que foi executado em um arquivo.

No exemplo abaixo, estamos vendo o interpretador do Python em ação:

Site Oficial

Sublime REPL

Instalação

Acesse o Package Control e procure por SublimeREPL.

Prefixr

Este plugin é uma grande amigo dos desenvolvedores web, ele é um atalho para os prefixos das propriedades CSS, como há propriedades que ainda necessitam dos prefixos como -moz, -webkit, -o e -ms.

Ao invés de digitar um a um você pode apenas digitar uma propriedade do CSS como neste exemplo:

.container {
    background-image: linear-gradient(to bottom, #eae8e0, #d9d5c7);
}

E em seguida, deverá selecionar o bloco de código e pressionar as teclas CTRL+ALT+X, e ele irá gerar os prefixos necessários.

.container {
    background-image: -webkit-linear-gradient(to bottom, #eae8e0, #d9d5c7);
    background-image: -moz-linear-gradient(to bottom, #eae8e0, #d9d5c7);
    background-image: -o-linear-gradient(to bottom, #eae8e0, #d9d5c7);
    background-image: -ms-linear-gradient(to bottom, #eae8e0, #d9d5c7);
    background-image: linear-gradient(to bottom, #eae8e0, #d9d5c7);
}
Site Oficial

Prefixr

Instalação

Acesse o Package Control e procure por Prefixr.

SublimeLinter

Este é um plugin essencial para programadores, ele permite executar nos arquivos fonte os mais conhecidos linters.

Lint para quem não sabe, são programas que auxiliam na análise em arquivos de código-fonte para encontrar erros sintáticos e outros erros em potencial.

Com esse plugin é possivel executar automaticamente após salvar, e as linhas com problemas serão destacadas.

Site Oficial

SublimeLinter

Instalação

Acesse o Package Control e procure por SublimeLinter.

SublimeCodeIntel

Um plugin básico para qualquer programador, este plugin adiciona a funcionalidade de Code Intelligence, foi portado do Open Komodo Edit para o Sublime Text.

Ele adiciona as seguintes funcionalidades:

  • Jump to Definition, Pula para o arquivo e linha onde uma classe ou função foi definida
  • Autocomplete, Adiciona o autocomplete de importação, classes e simbolos em tempo real
  • Function Call Tooltip, Busca informações sobre a função atual e exibe na barra de status
Site Oficial

SublimeCodeIntel

Instalação

Acesse o Package Control e procure por SublimeCodeIntel.

SideBarEnhancements

Este plugin adiciona novas funcionalidades a barra lateral do Sublime Text, como adicionar arquivos, criar pastas, copiar/colar, executar um arquivo com um programa entre várias outras opções.

Site Oficial

SideBarEnhancements

Instalação

Acesse o Package Control e procure por SideBarEnhancements.


Bom, esses são apenas alguns plugins, talvez os mais conhecidos e utilizados. Existem ainda muitos plugins específicos para cada linguagem.

Sugestões são bem vindas, e eu irei atualizar sempre que encontrar algum plugin que seja realmente importante.

Espero que sejam úteis.

Obrigado.

Faça um comentário