Resumo de dicas e truques de edição de texto

Publicados: 2022-03-10
Resumo rápido ↬ Pedimos à Comunidade Smashing suas dicas e truques favoritos ao editar texto e código. Com tantas ótimas sugestões, decidimos reuni-las em um único artigo para que você possa adicioná-las aos seus favoritos favoritos. Obrigado a todos que dedicaram um tempo para responder e compartilhar suas ferramentas e técnicas mais apreciadas - agradecemos sinceramente!

Pedimos à Smashing Community seus truques de edição de texto, atalhos e recursos favoritos que economizam tempo. Aqui está um resumo do que achamos bastante útil, juntamente com algumas outras sugestões que você pode achar úteis.

Atalhos de teclado favoritos

Muitos de vocês têm atalhos de teclado favoritos. Alguns deles serão específicos do editor ou do sistema operacional, embora em muitos casos você possa encontrar um atalho semelhante com as ferramentas que está usando. Eu reuni alguns da comunidade abaixo.

Ste Grainer compartilhou uma dica sobre os atalhos de movimento e seleção:

Os atalhos básicos de movimento/seleção que muitos não conhecem:

Segure Cmd + Seta para mover para o início/fim de uma linha ou parte superior/inferior de um documento.

Segure Opt + Seta para mover palavra a palavra horizontalmente e bloco a bloco verticalmente.

Shift para selecionar enquanto faz isso.

De Jo Frank:

Selecione todas as ocorrências da seleção atual ( Ctrl + SHIFT + L no VSCode) e duplique a linha/seleção que configurei como Ctrl + D .

Loris Gillet compartilhou alguns atalhos favoritos para pular ou excluir texto:

⌥ + setas para frente/para trás permitem pular para a próxima palavra em vez da próxima letra
⌥ + setas para cima/para baixo permitem saltar para o início/fim do parágrafo
⌥ + Backspace exclui a palavra inteira em vez de letras por letras.

Muitas das dicas sugeridas vieram de desenvolvedores da web — dicas para os editores que eles usavam com mais frequência. Também recebemos sugestões para o Android Studio de Maher Nabeel:

No Android Studio:
  • Ctrl + D — Duplicar linha
  • Ctrl + Y — Excluir linha
  • Ctrl + W — Selecionar bloco
  • Ctrl + O — Substituir métodos
  • Ctrl + ALT + L — Reformata o código
Mais depois do salto! Continue lendo abaixo ↓

Dicas de atalhos do editor

Como podemos ver pelas dicas já postadas, aprender os atalhos de teclado do seu editor economiza muito tempo. Sempre vale a pena dar uma olhada no que está disponível para o seu editor, pois aprender alguns desses atalhos pode economizar muita digitação ao longo de um dia escrevendo código.

No Twitter, Tobin Saunders recomendou o Atom Editor Cheat Sheet, que é uma lista detalhada de atalhos para o Atom. Também dei uma olhada no que estava disponível para outros editores usados ​​com frequência.

Código do Visual Studio

O site do VS Code tem várias folhas de dicas para download em formato PDF, se você achar útil manter uma folha de dicas impressa em sua mesa.

  • janelas
  • Mac
  • Linux

Joel Reis observou que, se você estiver mudando para o VS Code do Sublime Text, Atom, Vim ou Visual Studio, poderá baixar as extensões de mapa de teclado. Isso significa que você pode manter os atalhos de teclado do seu editor anterior. Essa dica também foi notada na Smashing Magazine no início deste ano, quando Burke Holland compartilhou conosco algumas das coisas que você pode se surpreender ao descobrir que o VS Code pode fazer, em seu artigo “Visual Studio Code Can Do That?”

Texto sublime

Uma boa seleção de atalhos do Sublime Text 3 para Windows, Mac e Linux pode ser encontrada aqui.

Também temos um artigo aqui na Smashing Magazine em que Jai Panda compartilha algumas de suas dicas e truques de texto sublimes favoritos.

Personalizando seu ambiente

Nossos teclados e configurações padrão do computador são projetados mais para digitar texto do que para digitar código. Alguns comentaristas fizeram alterações em seus padrões para agilizar a digitação das coisas que eles mais frequentemente precisam digitar.

Alex Semenikhine fez esta sugestão:

Minimizo o número de vezes que tenho que segurar Shift e pressionar um botão. Se eu faço colchetes ( ( ) ) com muito mais frequência do que uso 9 e 0 , eu personalizo o teclado para refletir isso, meu 9 é ( e Shift + 9 é 9 , etc.

Paul van den Tool define seu 'Key Repeat' e 'Delay Until Repeat' para sua configuração mais alta para que seu cursor apenas "voe pela tela ao usar as setas".

Jaron Barends nos contou como ele “criou Alt + ; como um atalho para inserir um ponto e vírgula no final de uma linha atual.”

Usando Emmet

Várias pessoas mencionaram o sistema de expansão de texto de Emmet. Se você codificar manualmente muito HTML e CSS, o Emmet pode economizar muito tempo de digitação. Ao escrever HTML, as abreviações do Emmet serão familiares para quem entende de CSS. Por exemplo, se você quiser criar uma lista não ordenada dentro de um elemento div , você pode usar o seguinte:

 div>ul>li

O que então se transformaria em:

 <div> <ul> <li></li> </ul> </div>

A abreviação é exatamente o seletor que selecionaria o li em CSS. Um div com um ul como filho direto e um li como filho direto do ul . Dê uma olhada no Emmet Cheat Sheet para mais exemplos.

O Emmet está embutido no VS Code e está disponível como um plugin para muitos outros editores.

Use um gerenciador de área de transferência

Erik Verbeek sugere usar um gerenciador de área de transferência para que você possa pegar o código copiado do histórico. Ele sugere usar o ClipMenu para OS X, que infelizmente parece ter sido descontinuado.

Ferramentas semelhantes incluem:

  • CopyClip para MacOS
  • PasteBot para MacOS
  • Idem para Windows
  • 1Clipboard Windows e MacOS (atualmente em Beta)

Muitos editores também incluem um histórico da área de transferência para ações de copiar e colar dentro do editor. No Twitter, @codevoodoo observou que o Webstorm tinha esse recurso. Há uma extensão Clipboard History para VS Code e um pacote para Atom; O Sublime Text tem isso embutido, como explica este tutorial sobre o histórico da área de transferência do Sublime Text.

Uma coleção de ferramentas recomendadas

Havia algumas ferramentas específicas recomendadas nos comentários, então aqui está um resumo de ferramentas úteis das quais você pode não ter ouvido falar.

Vim

Pessoas que gostam de Vim, realmente gostam de Vim. Certamente vem com uma curva de aprendizado, no entanto, se você estiver muito interessado em otimizar sua edição de teclado, o tempo investido provavelmente valerá a pena. Como Jess Telford aponta, você pode fazer coisas como digitar 13k para mover o cursor 13 linhas para cima.

Dê uma olhada no Vim Cheat Sheet para uma lista de comandos. Você pode usar a emulação do Vim em muitos outros editores. O mapeamento de teclas mencionado anteriormente para o VS Code inclui mapeamentos para o Vim e também há um plug-in disponível para o Atom.

Mais bonito

Prettier é uma ferramenta de formatação de código opinativo de código aberto. O uso do Prettier garante que todo o código seja formatado para um estilo consistente. Isso é incrivelmente útil quando se trabalha em equipe, pois significa que um estilo consistente é aplicado, sem que ninguém realmente precise pensar nisso.

Existem downloads disponíveis para vários editores, para que você possa usar o Prettier em qualquer ambiente que escolher.

AutoHotkey

Eu não tinha ouvido falar da ferramenta AutoHotkey até esta sugestão de @Hobbesenero. AutoHotkey é uma linguagem de script de automação para Windows. Usando a linguagem de script, você pode criar atalhos para tarefas comuns, por exemplo, para inserir um modelo.

Convertendo formatos de texto com Pandoc

Uma das minhas ferramentas favoritas é o Pandoc. Eu uso o Pandoc quando preciso converter um formato de texto para outro. Uma das coisas realmente úteis que o Pandoc pode fazer é transformar HTML ou Markdown em formato EPUB. Costumo fazer isso para transformar um conjunto de notas em um arquivo que posso ler usando o iBooks no meu iPad. Faço isso para ter um conjunto de notas facilmente acessível para meus workshops ou para transformar uma documentação extensa em um formato off-line fácil de ler para ler em um avião.

Pandoc pode converter de e para muitos formatos de arquivo diferentes. Além de criar arquivos EPUB rápidos, também o uso para converter cópias de documentos do Word para Markdown ou outros formatos úteis. Isso pode ser muito útil se você receber alguma cópia confusa de um cliente que precisa ser convertido para entrar em um CMS.

TextExpander e Typinator

O TextExpander está disponível para MacOS e Windows e é uma ferramenta que ajuda a criar trechos que podem ser inseridos usando atalhos de teclado ou abreviações comuns. TextExpander foi recomendado por Anders Noren. Se você preferir uma solução que não seja um serviço de assinatura, experimente o Typinator.

Essas ferramentas de expansão de texto podem ser úteis fora da escrita de código. Se você costuma digitar as mesmas informações em resposta a e-mails ou solicitações de suporte, criar um atalho para inserir esse texto pode render dividendos rapidamente em termos de economia de tempo.

Lavador de texto

Recomendado no Facebook por Dennis Germundal, o Textwasher é uma ferramenta muito simples para limpar qualquer formatação de texto.

Adicione suas sugestões nos comentários

Há um grande número de maneiras de aumentar a produtividade nas ferramentas que usamos todos os dias, e também é incrivelmente fácil ignorá-las completamente. Espero que entre essas sugestões haja algo para você experimentar. Ou talvez isso seja um prompt para você se aprofundar um pouco mais na documentação de seus editores e outras ferramentas. Eu certamente fui inspirado a fazê-lo.

Se você perdeu o tweet e tem ótimas dicas para compartilhar, adicione-as aos comentários. Adoraríamos ouvi-los!