Instalando e configurando o Sublime Text

Hoje vou falar um pouco sobre o Sublime Text. Sempre programei utilizando o Eclipse, principalmente para Java e PHP. Recentemente comecei a estudar sobre Angular 2 e me vi com a necessidade de migrar para outra IDE (ou editor de texto).

Fiz uns testes com o Atom e Visual Studio Code. Gostei bastante do VS Code, mas ele dá umas travadas as vezes e consome muita memória e, como estou utilizando uma máquina virtual com 3gb, frequentemente a memória tava chegando no limite.

Então resolvi instalar o Sublime Text 3 com alguns plugins e estou gostando bastante. Impressionante o desempenho desse editor em relação aos outros.

Vou mostrar abaixo os passos que fiz para configurá-lo no meu ambiente.

Inicialmente baixei a versão portable do site http://www.sublimetext.com (versão 3.3126). Depois precisamos instalar o Package Control, é através dele que todos os outros plugins serão instalados. Para isso clique em Tools > Install Package Control.

Seguem abaixo os plugins que eu utilizo:

• Material Theme

  Tema com fundo escuro que achei bem interessante.

• Color Highlighter

  Mostra a cor quando selecionamos uma cor pelo nome ou hexadecimal.

• AlignTab

• Angular 2 Snippets (John Papa)
• Color Picker

  Tecla ctrl + shift + c pra abrir uma caixa com paleta de cores.

• BracketHighlighter

  Mostra onde as tags e chaves são fechadas na barra onde ficam os números das linhas.

• Inc-Dec-Value

  Tecla alt + [seta pra cima, seta pra baixo] pra incrementar números ou alternar palavras entre minúsculas, capitalizadas e maiúsculas.

• AdvancedNewFile

  Cria arquivo e subpastas ao digitar ctrl + alt + n.

• AutoFileName

  Busca os arquivos pra o atributo src, href, etc.

• CSS Extended Completions

  Busca todas as classes dos arquivos CSS. Se ele estiver em outra pasta, pode clicar no arquivo e adicionar no cache manualmente.

• DocBlockr

  Coloca “/**” + enter e ele já adiciona um padrão de comentário. Em métodos Java, PHP, Javascript ele já informa os parâmetros.

• SideBarEnhancements

• HTML5

  Vários snippets HTML. Tecla ctrl + shift + p e digita a tag HTML ou snippet que vai mostrar uma lista delas.

• CSS3

• Console Wrap for js

  Tecla ctrl + shift + q com uma variável Javascript selecionada e ele gera um “console.log”. Pode depois clicar com o botão direito no arquivo e remover todos os “console.log” de um arquivo.

• Apache​Conf.tm​Language

  Suporte para a linguagem Apache.

• Emmet

  Digita uma tag + tab e ele já abre e fecha a tag. Pode colocar nav.navegacao-topo>div.classe-div>ul>li[id=primeiro]+li[id=”item-$”]*6+li[id=ultimo].

• Java Velocity

• Keymaps

  Mostra todos os atalhos do Sublime.

• Sublimerge

• TypeScript

• Angular CLI

Boa sorte.