Deixando o Sublime melhor ainda!

06 May 2014

Sublime text 2 é um incrível editor de texto, utilizado para a escrita de código em diversas linguagens. Na área de desenvolvimento Web ele ganhou muito força devido a diversas funções que facilitam muito a edição rápida de códigos e devido aos Packages, que estendem os poderes do editor. Este post irá indicar alguns packages para melhorar a sua experiência com esta ferramenta.

Package Control

A primeira etapa para deixar o Sublime melhor ainda é instalar o *Package Control. Como o nome diz, ele é responsável pelo gerenciamento de pacotes, que são uma espécie de plugins capazes de agregar funcionalidades ao editor de texto.

O processo de instalação é bastante simples. Com o Sublime aberto, acesse o menu View>Show Console ou pressione o atalho “ctrl + ‘” e copie e cole o código localizado no site do Package Control. Tome cuidado em escolher a versão correta do Sublime que você está utilizando. Este tutorial irá cobrir apenas o Sublime Text 2.

Instalando Pacotes

Após a finalização do processo de instalação, o Package Control poderá ser acessado pelo atalho ‘ctrl + shift + p’ (no Windows) ou _____ (no Mac). Digite “Install Package” e realize uma busca do pacote que deseja. Segue abaixo uma lista de pacotes muito úteis no dia a dia de um desenvolvedor.

SublimeLinter

Enfatiza as linhas de código que possuem erros em potencial. O pacote suporta uma lista de linguagens como por exemplo:

HTML
CSS
JavaScript
PHP
Phyton

E muitas outras. Para suportar códigos em JavaScript ou CSS é necessário possuir a engine JavaScript instalada no sistema operacional. A forma mais simples de garantir esta condição é instalando o NodeJs através do link.

Para mais informações, acesse o repositório do desenvolvedor no github.

DocBlockr

Este pacote possui como premissa facilitar a documentação do código. Basta digitar, por exemplo, o atalho “/**” e pressionar “Tab” para surgir um bloco de documentação. Quando utilizado em funções ou métodos, ele irá listar, automaticamente, todos os nomes dos parâmetros e valores retornados, para uma descrição sobre o seus tipos de dados e contextos.

Existem diversos atalhos e a lista de linguagens suportadas inclui Javascript, PHP, ActionScript, CoffeeScript, Java, Groovy, Objective C, C, C++ e Rust. Veja mais detalhes no github.

Minifier

Como o nome indica, o pacote realiza a minificação de arquivos JS e CSS. Após instalar o pacote, acesse o menu “Tools/Minify”.

Para mais informações e atalhos acessem o repositório do pacote, github.

ColorPicker

Quem nunca digitou “background-color” em um arquivo css e não tinha nem idéia de qual cor utilizar? Se você se encaixa nesta descrição, este pacote é para você. Basta acessar o atalho “ctrl + shift + c” (no Windows) que uma palheta de cores, padrão do sistema operacional, irá aparecer.

Acesse a página do desenvolvedor para mais informações, site and learn more.

Soda Theme

Além de todas as customizações que o Sublime oferece, você ainda pode instalar temas adicionais. Um dos mais famosos é o Soda Theme. O pacote vem com duas opções de cores, Soda Light, que se baseia em cores mais claras, e o Soda Dark, que é mais escuro.

Para instalar basta procurar o tema no Package Control. Logo, você deve abrir o arquivo de preferências do usuário acessando o menu “Preferences/Settings/User”. Adicione ou modifique o campo “theme” de modo que fique

{
    "theme": "Soda Light.sublime-theme"
}

{
    "theme": "Soda Dark.sublime-theme"
}

Existem outras opções do tema como modificar o estilo das tabs e das pastas. Saiba mais no site.

relferreira