Package Control do Sublime Text – o que é e como utilizar

Neste artigo vamos analisar o Package Control, que é um gerenciador de pacotes para o sublime text que auxilia na instalação, atualização ou remoção de pacotes do editor de texto. Esse recurso torna muito mais fácil a forma como gerenciamos os pacotes presentes no editor.

O que é?

Primeiro vamos entender o que é o Package Control: nada mais é que um gerenciador de pacotes, no caso “pacotes” são complementos que aprimoram a experiência do usuário no software (como plugins para o firefox, por exemplo). O próprio Package Control é um pacote do Sublime.

O Sublime Text por ser um editor de código open source (você pode comprar o software para incentivar o desenvolvedor, mas não é obrigado a pagar pelo uso do software), possui diversos pacotes de terceiros para melhorar a experiência ao programar.

Instalando o Package Control

Siga os passos abaixo para instalar o Package Control no Sublime Text 2+:

  1. Acesse o endereço https://sublime.wbond.net/installation e copie a linha de comando de instalação para versão do sublime que você possui.
  2. Abra o console do sublime pressionando as teclas Ctrl + ‘.
  3. Cole a linha de comando referente a sua versão do sublime como apresentada no primeiro passo.
  4. Pressione ENTER.
  5. Após o termino da instalação do PC (package control) basta reiniciar o Sublime Text para que ele inicie carregando este novo complemento.

Caso você não consiga instalar o PC através do console do Sublime, existe outra opção que é a instalação manual, conforme os passos a seguir:

  1. Clique no menu preferences > browse package… – o sistema vai abrir uma janela do windows explorer na pasta onde são salvos os pacotes do Sublime.
  2. na pasta que se abriu, vá até a pasta Installed Packages.
  3. Baixe o pacote do Package Control e copie o arquivo baixado para a pasta Installed Packages.
  4. Reinicie o Sublime Text.

Como utilizar

Agora com o PC devidamente configurado, vamos testar suas funcionalidades e instalar alguns pacotes básicos.

Utilizamos o Package Control através da paleta de comandos (command palette).

  1. Pressione as teclas Ctrl + Shift + P para iniciar a paleta.
  2. Comece a digitar Package Control e a paleta automaticamente vai te mostrar os comandos disponíveis no pacote do PC.

Uma breve explicação sobre as opções disponíveis no PC:

  • Disable Package – temporariamente desliga um pacote que é gerenciado pelo PC. Útil se você acha que este pacote está causando problemas.
  • Discover Packages – Mostras todos os pacotes disponíveis no seu navegador web.
  • Enable Package – Re-abilita um pacote que você desabilitou ou que está desabilitado.
  • Install Package – Lista todos os pacotes disponíveis, você pode navegar verticalmente para analisar os pacotes disponíveis e se desejar instalar basta pressionar a tecla Enter.
  • List Packages – Mostra todos os pacotes instalados inclusive os instalados manualmente.
  • Remove Package – Remover pacote.
  • Upgrade Package – Atualiza um pacote especifico.
  • Upgrade/Overwrite All Packages – Execute este comando periodicamente para atualizar todos os pacotes presentes.
  • Package Control Settings – Default – Define o usuário padrão do PC.
  • Package Control Settings – User – Define usuário customizado do PC.

Esses são os comandos básicos do Package Control via Command Palette.

Agora para testar a principal funcionalidade do PC vamos instalar o pacote Emmet (antigo Zen Coding), que facilita a escrita de código HTML/CSS.

Com o sublime aberto pressione Crtl + Shitf + P para iniciar o command palette.

Digite Package Control para o command palette mostrar as propriedades do PC e escolha a opção Package Control: Install Package.

Após carregar a lista de pacotes, digite Emmet e clique no primeiro item que aparecer (emmet.js). O sublime vai carregar o pacote e vai mostrar no rodapé do programa quando o processo for finalizado, pedindo a reinicialização do mesmo.

Após reiniciar o Sublime, abra um novo arquivo .html, o arquivo ja tem de estar salvo em html, o pacote não opera com arquivos que não estejam salvos no padrão html ou css, o que quer dizer que se criar um arquivo novo, primeiro você precisa salvar o documento como html para depois utilizar o emmet.

Para testar se o pacote está OK, digite (uma exclamação mesmo) e sem dar espaço, pressione a tecla tab, e automaticamente o Sublime declara todo o doctype HTML5 para iniciar a codificação, como no exemplo abaixo:

Teste do emmet.js no Sublime Text

Outro exemplo do emmet.js:

Teste do emmet.js no Sublime Text

Existem vários pacotes hoje disponiveis para o Sublime Text, a partir da versão 2, neste site https://sublime.wbond.net/browse voce pode navegar pelos pacotes disponíveis.

A utilização do Sublime já é bastante pratica e inovadora, com a adição de pacotes, o desenvolvimento alcança outro nível.

É isso galera, qualquer duvida em relação ao Sublime Text ou a utilização do Package Control, encaminhe um comentário!

🙂

  • Muito bom o artigo! Uso o Sublime, realmente o Package Control é um elemento indispensável para o Sublime!! Parabéns!!

    • Obrigado Diego. O sublime tem muitos complementos cara, ele é demais, to juntando alguns pra fazer outro artigo 😉

  • Adilson Calixto Dos Santos

    Amigão você está mandando ver. Sucesso nos seus empreendimentos, pois você merece.

    • Valeu Adilson, e desculpe a demora para retornar!

  • naldinho 70 (Naldo)

    Olá Boa tarde e um bom final de semana obrigado pelo tutorial me ajudou bastante