10 dicas para transformar o seu Sublime Text e abandonar a sua IDE

Confira uma lista de plugins para turbinar o seu Sublime Text e extrair o máximo em performance e funcionalidades sem o peso das IDEs

10 dicas para transformar o seu Sublime Text e abandonar a sua IDE
  • Compartilhe esse post
  • Compartilhar no Facebook00
  • Compartilhar no Google Plus00
  • Compartilhar no Twitter

Fala Dev, tudo certo?

Então prepara o café e já vai ligando o ST3 que vem coisa boa aí ;)
Eu preparei uma lista de plugins essenciais para dar poderes ao ST e transforma-lo praticamente em uma IDE, e são eles:

 

1. Package Control

O Package Control é aquele cara que vai ficar responsável por te dar acesso aos diversos plugins e temas do repositório do ST e vai gerenciar a instalação e remoção desses pacotes.

Para instalar, acesse o site o Package Control e copie o código de linha de comando referênte a sua versão do sublime

Transforme o seu Sublime Text e abandone a sua IDE

Cole o código de instalação no Console do ST (View>View Console) e dê um enter.

Transforme o seu Sublime Text e abandone a sua IDE

Pronto! O Package Control está instalado com sucesso!

 

2. Emmet

O queridinho número 1 da comunidade, é capaz de criar trechos de códigos enormes e complexos baseado em sua forma abreviada que ap dar um TAB, ele expande para o HTML formatado e identado de forma mágica.

Para instalar um plugin, basta acessar o Package Control (CTRL/CMD+SHIFT+P) e digite Install. Ao aparecer Install Packages, dê um enter e comece a digitar Emmet. Ao aparecer o plugin, dê um ENTER para que o Package Control instale.

Para sentir um pouquinho da mágica desse plugin, digite a abreviação abaixo e dê um TAB (com o cursor colado no último caracter)

div>(header>ul>li*2>a)+footer>p

Site do Emmet: emmet.io

 

3. Bracket Highlighter

Esse cara tem é uma mão na roda. Ele exibe próximo aos números das linhas de código a abertura e o fechamento do escopo que você está trabalhando. Por exemplo, se você está dentro de uma função e clica na chave de abertura, ele te mostra onde ela fecha!

Transforme o seu Sublime Text e abandone a sua IDE 

 

4. Color Picker

A famosa paleta de cores das melhroes IDEs também está presente em forma de plugin para potencializar o ST. Abra o Package Control, digite Color Picker e instale. Agora basta dar um CTRL/CMD+SHIFT+C e o COlor Picker aparece para você apenas escolher a cor e ele lhe devolve o hexa decimal dela. O Color Picker pode demorar a executar em alguns computares.

Transforme o seu Sublime Text e abandone a sua IDE

 

5. Sidebar Enhacements

A barra lateral do ST é bem simples e quase não tem opções. Com esse plugin você popula a sua sidebar com ações incríveis como, escolher um programa para executar imagens, busca avançada de arquivos por trechos de código, abrir pasta local do arquivos entre muitas outras opções.

Transforme o seu Sublime Text e abandone a sua IDE

 

6. CSS3

Para trabalhar com autocompletes bem feitos e a própria sintaxe dos seletores CSS3, este plugin é capaz de detectar e prover autocompletes de seletores e classes além de te dar também o : e o ; com o cursor no meio apenas para digitar o comando. É um obrigatório dentre os plugins.

Transforme o seu Sublime Text e abandone a sua IDE

 

7. AutoFileName

Este plugin faz com que ao incluir arquivos em seu código, ele exiba o caminho e o conteúdo das pastas para que você tenha um panorama de onde está na hieranquia de pastas do seu projeto.

Transforme o seu Sublime Text e abandone a sua IDE

 

8. PHPGrammar

Não podemos deixar o nosso querido PHP de fora, afinal ele é tem uma função muito importante em nosso projeto certo?

O PHPGrammar "ensina" o sublime a interpretar as cores da linguagem, identação e convenções de código.

Transforme o seu Sublime Text e abandone a sua IDE

 

9. PHP Completions Kit

Ainda falando em PHP, temos o PHP Compleitions Kit que provê umbom autocomplete para trabalhar com orientação a objetos e dá suporte as principais funções da linguagem. Permite que sejam criados métodos mágicos, o operados $THIS além de muito mais!

Transforme o seu Sublime Text e abandone a sua IDE

 

10. AdvancedNewFile

Com esse plugin você consegue criar, excluir, editar e mover arquivos através dos diretórios do seu projeto a través de uma linha de comando onde você irá informar o local do arquivo e dar ENTER para que a operação seja concretizada!

Transforme o seu Sublime Text e abandone a sua IDE

 

BONUS

Ainda não acabou ;) O Sublime Text permite que você crie e adapte seus próprios atalhos de teclado para praticamente qualquer função dele.

Um dos principais atalhos que uso é o de auto identação. Para isso basta acessar as preferências do ST e clique em Key Bindings para abrir as configuração padrão e as de usuário (que é onde você personaliza) e adicione a seguinte linha

{"keys": ["alt+shift+f"], "command": "reindent", "args": {"single_line": false}},

Ao fazer isso você será capaz de reidentar o código com o atalho ALT+SHIFT+F

 

BONUS 2

Separei também aqui alguns temas insteressantes para você personalizar o seu editor. São eles:

 

Material Theme

Transforme o seu Sublime Text e abandone a sua IDE

 

Soda

Transforme o seu Sublime Text e abandone a sua IDE

 

Agila

Transforme o seu Sublime Text e abandone a sua IDE

 

É isso, tentei passar de uma forma clara os principais plugins que utilizo no dia a dia. Espero que tenham gostado e acima de tudo tenha sido útil. 

Deixa aí abaixo o seu comentário e avalia o post para podermos sempre melhorar o conteúdo

Até breve ;)

  • Compartilhe esse post
  • Compartilhar no Facebook00
  • Compartilhar no Google Plus00
  • Compartilhar no Twitter

Olá, deixe seu comentário para 10 dicas para transformar o seu Sublime Text e abandonar a sua IDE

Enviando Comentário Fechar :/