Atalhos e dicas para melhorar sua produtividade com texto sublime

O Sublime Text é, sem dúvida, um dos editores de texto mais poderosos que existem. O número de usuários satisfeitos atesta isso. Se você explorá-lo, eventualmente verá como seus recursos poderosos estão escondidos atrás de uma interface simples e elegante.

Se você usa o Sublime Text há algum tempo, agora é a hora de atualizar seu arsenal com novas munições. Vou levá-lo através de algumas das minhas dicas e truques favoritos. Conhecê-los pode apenas liberar seus poderes ocultos como programador para o mundo.

Leitura adicional no SmashingMag:

• 50 poderosos economizadores de tempo para web designers
• Dicas, ferramentas e truques poderosos de fluxo de trabalho para web designers
• Como manter seu fluxo de trabalho de codificação organizado

Plugins de texto sublime

Controle de pacote

O Package Control é uma solução completa para baixar e gerenciar plugins e temas relacionados ao Sublime Text. As instruções de instalação estão disponíveis no site do Package Control.

Uma vez instalado, você pode acessá-lo usando a paleta de comandos. Para instalar um plug-in, pressione Cmd ⌘ + Shift ⇧ + P (Mac) ou Ctrl ⌃ + Shift ⇧ + P (Windows e Linux) e digite Install Package e pressione “Return”. A lista de plug-ins no repositório leva alguns instantes para carregar, mas você pode digitar o nome do plug-in em que está interessado e instalá-lo a partir daí. Alguns dos meus plugins favoritos estão listados abaixo.

Aprimoramentos da barra lateral

A barra lateral padrão do Sublime Text só pode realizar algumas tarefas limitadas. O plug-in Sidebar Enhancements sobrecarrega o Sublime Text com comandos para abrir o arquivo em um navegador, copiar, colar, copiar um caminho, duplicar, excluir e muito mais.

Tarefas Simples

O Plain Tasks converte o Sublime Text em um poderoso gerenciador de lista de tarefas. Você pode instalá-lo via Package Control. Crie um arquivo com .todo como extensão para ativar o Plain Tasks sobre ele. Para outras dicas, você pode acessar o tutorial fornecido no plugin, disponível em “Preferências” → “Configurações do Pacote” → “Tarefas Simples” → “Tutorial”.

Para uma nova tarefa:

• Cmd ⌘ + Return ↵ (Mac)
• Ctrl ⌃ + Return ↵ (Windows e Linux)

Para marcar como concluído:

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows e Linux)

Para marcar como cancelado:

• Ctrl ⌃ + C (Mac)
• Alt + C (Windows e Linux)

Linter Sublime

Verifique se há erros em seu código usando o Sublime Linter. O plug-in fornece uma estrutura para linting de seu código. O linting real é feito por vários plugins (para Ruby, Python, JavaScript etc.), o que significa que você precisa instalar o Sublime Linter primeiro e depois instalar linters específicos de sintaxe para o seu código. Extensa documentação está disponível.

Emmet

Emmet, antes conhecido como Zen Coding, é uma ferramenta indispensável para qualquer desenvolvedor web. É provavelmente o plugin mais produtivo e que economiza tempo que você encontrará.

Escrever código leva tempo, e trabalho pesado em HTML, como escrever tags e agrupar classes com aspas, pode ser chato. Emmet cuida de tudo isso. Ele magicamente expande as abreviações em toda uma estrutura HTML ou CSS. A sintaxe que ele usa para essas abreviações é inspirada nos seletores CSS. Vamos vê-lo em ação.

Tutor Sublime

Sublime Tutor é um tutorial interativo no editor para atalhos de teclado no Sublime Text. Se você acabou de começar com o Sublime Text, o plug-in aumentará instantaneamente sua produtividade, ensinando dicas e truques bacanas dentro do próprio editor. O plugin usa a técnica de repetição espaçada para garantir que você se lembre dos comandos que ele ensina.

Use o Package Control para instalar o plugin. Uma vez instalado, você pode acessar o tutor através do menu “Ajuda” ou do atalho de teclado Ctrl ⌃ + Alt ⌥ + K

Funções de texto sublime

Vá para qualquer coisa

Este é provavelmente o comando mais poderoso e mais usado no Sublime Text. Navegue por arquivos, pastas, símbolos e linhas com facilidade.

Para ir para um arquivo:

• Cmd ⌘ + P (Mac)
• Ctrl ⌃ + P (Windows e Linux)

Pressione o código de acesso do teclado e comece a digitar o nome de um arquivo. O Sublime Text realizará uma pesquisa difusa e buscará o arquivo desejado instantaneamente.

Ir para um símbolo:

• Cmd ⌘ + R (Mac)
• Ctrl ⌃ + R (Windows e Linux)

Ir para uma linha:

• Ctrl ⌃ + G (Mac)
• Ctrl ⌃ + G (Windows e Linux)

Para ir para uma linha específica em um arquivo, digite dois pontos seguido do número da linha ou use o código de acesso do teclado.

Seleção de palavras

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows e Linux)

Coloque o cursor em uma palavra, pressione o atalho do teclado e a palavra será selecionada instantaneamente. Se você pressionar a mesma combinação de teclas novamente, o Sublime Text entrará no modo de seleção múltipla e selecionará outras ocorrências da mesma palavra no documento. Você pode usar esse método para adicionar ou substituir rapidamente o texto em todas as ocorrências de uma palavra.

• Ctrl ⌃ + Cmd ⌘ + G (Mac)
• Alt + F3 (Windows e Linux)

Esta é outra maneira de conseguir a mesma coisa. Em vez de pesquisar uma palavra de forma incremental, ele realiza uma pesquisa em massa da palavra sob o cursor e alterna para o modo de seleção múltipla.

Expandir Seleção para Escopo

• Cmd ⌘ + Shift ⇧ + Space ␣ (Mac)
• Ctrl ⌃ + Shift ⇧ + Space ␣ (Windows e Linux)

Este atalho é extremamente útil para desenvolvedores JavaScript. Ele seleciona o escopo atual. Pressionar a mesma combinação de teclas novamente seleciona seu escopo pai. O vídeo deixa claro como funciona:

Divida a seleção em linhas

• Cmd ⌘ + Shift ⇧ + L (Mac)
• Ctrl ⌃ + Shift ⇧ + L (Windows e Linux)

Use este atalho para dividir a área selecionada em várias linhas, colocando o Sublime Text no modo de seleção múltipla. Eu uso esse truque para converter rapidamente uma lista de palavras em um array fechado de strings.

Seleção de coluna

• Ctrl ⌃ + Shift ⇧ + Up ↑ / Down ↓ (Mac)
• Ctrl ⌃ + Alt + Up ↑ / Down ↓ (Ganhar)
• Alt + Shift ⇧ + Up ↑ / Down ↓ (Linux)

Use este atalho para selecionar uma coluna no Sublime Text. Coloque o cursor em qualquer lugar no documento e pressione o atalho para selecionar colunas para cima ou para baixo. Isso também leva você ao modo de seleção múltipla, como os dois comandos acima.

Ordenar

• F5 (Mac)
• F9 (Windows e Linux)

Eu gosto de manter minhas propriedades CSS classificadas em ordem alfabética. Este comando é extremamente útil para isso. Selecione o bloco que você precisa classificar (dica profissional: use Ctrl ⌃ + Shift ⇧ + J para selecionar um nível de recuo) e pressione o atalho do teclado.

Ativar verificação ortográfica

• F6

Chega de se decepcionar com erros tipográficos depois que o código chegou ao estágio de revisão. Use esta tecla para alternar rapidamente o verificador ortográfico.

Comente

• Cmd ⌘ + / (Mac)
• Ctrl ⌃ + / (Windows e Linux)

Este é um dos meus atalhos mais usados. Marcar comentários em qualquer linguagem de programação é simplificado com este atalho. Em um arquivo HTML, ele coloca um par de tags <!-- --> , enquanto em JavaScript ele coloca // no início de uma linha.

Bolha uma linha para cima ou para baixo

• Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
• Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows e Linux)

Quer mover um trecho de código cinco linhas para cima? Recortar e colar é realmente old school. Use esta combinação de teclas para levar o snippet para onde quiser. Pressione o atalho novamente para continuar movendo-o para cima ou para baixo.

Seleção duplicada

• Cmd ⌘ + Shift ⇧ + D (Mac)
• Ctrl ⌃ + Shift ⇧ + D (Windows e Linux)

Por padrão, esse atalho duplica a linha atual e a coloca na próxima linha. Se você selecionar uma região e pressionar este atalho, duplicará toda a região.

Junte duas linhas

• Cmd ⌘ + J (Mac)
• Ctrl ⌃ + J (Windows e Linux)

Isso une a linha a seguir à linha atual, substituindo todos os espaços em branco entre eles por um único espaço. Realizado em um bloco de linhas, isso une todas as linhas.

Ir para o suporte de correspondência

• Ctrl ⌃ + M

Use este comando para mover o cursor de uma posição de colchete para outra. Isso é especialmente útil quando você se perde em um método longo e deseja alcançar sua posição inicial (ou vice-versa).

Fechar etiqueta HTML

• Cmd ⌘ + Opt ⌥ + . (Mac)
• Alt + . (Windows e Linux)

Use este atalho para fechar a tag HTML aberta no momento. Ele insere a tag de fechamento correspondente na localização atual do cursor.

Localizar no projeto

• Cmd ⌘ + Shift ⇧ + F (Mac)
• Ctrl ⌃ + Shift ⇧ + F (Windows e Linux)

Este é o equivalente grep do Sublime Text. Ele encontra um termo dentro de um projeto inteiro. A coisa especial sobre este comando é que ele é incrivelmente rápido. Existem opções para fazer distinção entre maiúsculas e minúsculas e também para executar uma correspondência de regex.

Para pesquisar um termo específico no documento atual, em todo o projeto, coloque o cursor nesse termo e pressione Ctrl ⌃ + E , que colocará esse termo na caixa de pesquisa. Pressionar o código de acesso acima preenche a caixa de pesquisa de todo o projeto com este termo.

Alternar entre guias

• Cmd ⌘ + Shift ⇧ + [ ou ] (Mac)
• Ctrl ⌃ + Page Up ⇞ ou Page Down ⇟ (Windows e Linux)

Assim como em um navegador da web, você pode abrir várias guias no Sublime Text. Para mover de uma guia para outra, você pode usar os atalhos mencionados acima e usar Cmd ⌘ + T (Mac) ou Ctrl ⌃ + N (Windows e Linux) para criar uma nova guia.

Paleta de Comandos

• Cmd ⌘ + Shift ⇧ + P (Mac)
• Ctrl ⌃ + Shift ⇧ + P (Windows e Linux)

À medida que você se tornar proficiente com o Sublime Text, você desejará acessar cada vez menos os menus e, em vez disso, poderá fazer tudo com alguns toques no teclado. Com a paleta de comandos, você pode digitar rapidamente um comando e o Sublime Text fará uma correspondência difusa com um conjunto de comandos existente, permitindo que você acesse os comandos de um local conveniente.

Aqui estão algumas coisas que você pode tentar na paleta de comandos - defina a sintaxe de um arquivo recém-criado, classifique as linhas no documento atual e instale um plug-in usando o Package Control.

Mostrar console

• Ctrl ⌃ + `

O Sublime Text vem com um interpretador Python embutido. É uma ferramenta útil para executar comandos Python ou testar rapidamente as APIs do Sublime Text quando você está desenvolvendo um plugin para o editor.

Ordenar

• F5 (Mac)
• F9 (Windows e Linux)

Eu gosto de manter minhas propriedades CSS classificadas em ordem alfabética. Este comando é extremamente útil para isso. Selecione o bloco que você precisa classificar (dica profissional: use Ctrl ⌃ + Shift ⇧ + J para selecionar um nível de recuo) e pressione o atalho do teclado.

Ativar verificação ortográfica

• F6

Chega de se decepcionar com erros tipográficos depois que o código chegou ao estágio de revisão. Use esta tecla para alternar rapidamente o verificador ortográfico.

Comente

• Cmd ⌘ + / (Mac)
• Ctrl ⌃ + / (Windows e Linux)

Este é um dos meus atalhos mais usados. Marcar comentários em qualquer linguagem de programação é simplificado com este atalho. Em um arquivo HTML, ele coloca um par de tags <!-- --> , enquanto em JavaScript ele coloca // no início de uma linha.

Bolha uma linha para cima ou para baixo

• Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
• Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows e Linux)

Quer mover um trecho de código cinco linhas para cima? Recortar e colar é realmente old school. Use esta combinação de teclas para levar o snippet para onde quiser. Pressione o atalho novamente para continuar movendo-o para cima ou para baixo.

Seleção duplicada

• Cmd ⌘ + Shift ⇧ + D (Mac)
• Ctrl ⌃ + Shift ⇧ + D (Windows e Linux)

Por padrão, esse atalho duplica a linha atual e a coloca na próxima linha. Se você selecionar uma região e pressionar este atalho, duplicará toda a região.

Junte duas linhas

• Cmd ⌘ + J (Mac)
• Ctrl ⌃ + J (Windows e Linux)

Isso une a linha a seguir à linha atual, substituindo todos os espaços em branco entre eles por um único espaço. Realizado em um bloco de linhas, isso une todas as linhas.

Ir para o suporte de correspondência

• Ctrl ⌃ + M

Use este comando para mover o cursor de uma posição de colchete para outra. Isso é especialmente útil quando você se perde em um método longo e deseja alcançar sua posição inicial (ou vice-versa).

Fechar etiqueta HTML

• Cmd ⌘ + Opt ⌥ + . (Mac)
• Alt + . (Windows e Linux)

Use este atalho para fechar a tag HTML aberta no momento. Ele insere a tag de fechamento correspondente na localização atual do cursor.

Localizar no projeto

• Cmd ⌘ + Shift ⇧ + F (Mac)
• Ctrl ⌃ + Shift ⇧ + F (Windows e Linux)

Este é o equivalente grep do Sublime Text. Ele encontra um termo dentro de um projeto inteiro. A coisa especial sobre este comando é que ele é incrivelmente rápido. Existem opções para fazer distinção entre maiúsculas e minúsculas e também para executar uma correspondência de regex.

Para pesquisar um termo específico no documento atual, em todo o projeto, coloque o cursor nesse termo e pressione Ctrl ⌃ + E , que colocará esse termo na caixa de pesquisa. Pressionar o código de acesso acima preenche a caixa de pesquisa de todo o projeto com este termo.

Alternar entre guias

• Cmd ⌘ + Shift ⇧ + [ ou ] (Mac)
• Ctrl ⌃ + Page Up ⇞ ou Page Down ⇟ (Windows e Linux)

Assim como em um navegador da web, você pode abrir várias guias no Sublime Text. Para mover de uma guia para outra, você pode usar os atalhos mencionados acima e usar Cmd ⌘ + T (Mac) ou Ctrl ⌃ + N (Windows e Linux) para criar uma nova guia.

Paleta de Comandos

• Cmd ⌘ + Shift ⇧ + P (Mac)
• Ctrl ⌃ + Shift ⇧ + P (Windows e Linux)

À medida que você se tornar proficiente com o Sublime Text, você desejará acessar cada vez menos os menus e, em vez disso, poderá fazer tudo com alguns toques no teclado. Com a paleta de comandos, você pode digitar rapidamente um comando e o Sublime Text fará uma correspondência difusa com um conjunto de comandos existente, permitindo que você acesse os comandos de um local conveniente.

Aqui estão algumas coisas que você pode tentar na paleta de comandos - defina a sintaxe de um arquivo recém-criado, classifique as linhas no documento atual e instale um plug-in usando o Package Control.

Mostrar console

• Ctrl ⌃ + `

O Sublime Text vem com um interpretador Python embutido. É uma ferramenta útil para executar comandos Python ou testar rapidamente as APIs do Sublime Text quando você está desenvolvendo um plugin para o editor.

Tenha em mente que este interpretador vem junto com o Sublime Text e é diferente do seu Python instalado no sistema. O objetivo deste console é interagir com a API do Sublime Text para plugins. Você provavelmente usou este console ao instalar o Package Control.

Para saber o que pode ser feito usando a API de plugin do Sublime Text, consulte a documentação.

Modo sem distração

• Cmd ⌘ + Ctrl ⌃ + Shift ⇧ + F (Mac)
• Shift ⇧ + F11 (Windows e Linux)

Para escritores e outros que precisam se concentrar intensamente, o Sublime Text tem uma interface ainda mais minimalista. Use o atalho para ativar e desativar o modo sem distrações.

Auxiliar de linha de comando de texto

O Sublime Text inclui uma ferramenta de linha de comando que torna super fácil trabalhar com arquivos na linha de comando. Para fazê-lo funcionar em um Mac, você precisa disponibilizá-lo em seu shell.

Supondo que você tenha colocado o Sublime Text na pasta “Applications” e que tenha um diretório ~/bin em seu caminho, você pode executar o seguinte:

 ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/sublime 

Para usá-lo como o editor padrão para comandos que solicitam entrada (como git commit ), defina a variável de ambiente do editor .

 export EDITOR='sublime -w'

No Windows, você pode usar subl.exe de maneira semelhante.

Conclusão

O Sublime Text está cheio de atalhos e comandos poderosos. Você provavelmente não será capaz de se lembrar disso apenas lendo este artigo; em vez disso, você precisará praticar enquanto estiver passando por isso. Liste os atalhos mais úteis para você e consulte-os regularmente enquanto estiver trabalhando com o Sublime Text. A prática é a chave. Você está a caminho de se tornar um ninja do Sublime Text.