Rectangle para desenvolvedores: layouts de IDE, terminal e navegador que funcionam

A maior parte do trabalho de desenvolvimento gira em torno das mesmas três ou quatro janelas: um editor ou IDE, um terminal, um navegador para documentação ou um app em execução, e às vezes um app de mensagens que você tenta ignorar. O conjunto de atalhos padrão do Rectangle app se encaixa perfeitamente nessa rotina, sem precisar de nada além do que já vem no app gratuito. Aqui estão os layouts que vale a pena conhecer e os problemas específicos que aparecem com ferramentas de desenvolvimento.

Um monitor: duas janelas

O caso mais simples e mais comum. O editor fica com a metade que você mais olha; o terminal ou a documentação fica com a outra:

• ⌃⌥← — editor na metade esquerda
• ⌃⌥→ — terminal ou navegador na metade direita

Se a divisão 50/50 parecer apertada para o editor (uma reclamação comum em telas de 13-14 polegadas, onde um editor de código quer mais espaço horizontal do que um terminal), aumente um lado algumas vezes com ⌃⌥= (Aumentar) em vez de trocar para um layout completamente diferente. Não existe uma ação embutida de “metades 60/40” — usar Aumentar/Diminuir em uma janela já dividida ao meio é a forma de chegar perto disso.

Um monitor: três janelas

É aqui que os terços ganham espaço em relação às metades. Uma divisão razoável:

• ⌃⌥E (primeiros dois terços) — editor, já que código se beneficia mais de largura do que um terminal
• ⌃⌥G (último terço) — terminal

Isso dá ao editor dois terços da tela e ao terminal um terço, ambos acessíveis pelo teclado sem arrastar nenhum divisor. Se preferir três colunas mais ou menos iguais, circule uma janela com ⌃⌥D (primeiro terço) — pressionar de novo na mesma janela alterna para o terço central, depois para o último terço — e coloque editor, terminal e navegador cada um em uma das três posições.

Dois monitores: a configuração comum de desenvolvedor

Com um monitor externo conectado a um notebook, uma divisão típica:

• Editor maximizado (⌃⌥↩) no monitor externo — a tela maior e mais nítida merece o que você olha o dia todo.
• Terminal em metade ou um terço do monitor externo se você quiser vê-lo ao lado do editor, ou movido para a tela do notebook com ⌃⌥⌘← se preferir reservar o monitor externo para um único app.
• Navegador ou documentação na tela do notebook, maximizado ou dividido ao meio com um app de mensagens.

Se você troca com frequência qual app fica em qual tela — digamos, apresentando a tela do notebook enquanto mantém anotações no monitor externo — Próximo Monitor e Monitor Anterior movem a janela ativa sem você precisar arrastá-la de novo, o que é mais rápido do que um arrasto manual depois que você já tem essa memória muscular.

Pontos de atrito conhecidos, específicos para ferramentas de desenvolvimento

Apps de terminal e redimensionamento por largura de caractere. Por padrão, o iTerm2 só redimensiona em incrementos de larguras de caractere inteiras, em vez de pixels arbitrários, o que significa que a metade ou o terço calculado pelo Rectangle mac pode ficar um pouco diferente do que você teria com um app gráfico comum. A correção documentada:

defaults write com.googlecode.iterm2 DisableWindowSizeSnap -integer 1

Reinicie o iTerm2 depois de executar isso. O próprio Terminal.app da Apple tem o mesmo comportamento de arredondamento, sem uma correção equivalente documentada no momento, segundo o próprio mantenedor do Rectangle app — se um dimensionamento de terminal preciso no pixel importa para você, o iTerm2 com essa configuração aplicada se comporta de forma mais previsível do que o Terminal.app.

IDEs com atalhos de teclado próprios. O VS Code, os IDEs da JetBrains, e ferramentas parecidas costumam usar combinações de Control + Option para seus próprios comandos (navegar entre painéis, atalhos de refatoração), o que pode colidir com os padrões do Rectangle app. Em vez de remapear o Rectangle globalmente, use Ignorar app especificamente para o IDE: dê foco a ele, abra o menu do Rectangle, escolha Ignorar app. Os atalhos do Rectangle então ficam desregistrados só enquanto aquele IDE está em primeiro plano, e as combinações próprias do IDE funcionam normalmente. Troque para outro app e os atalhos do Rectangle voltam automaticamente.

O modo tela cheia muda o que uma janela sequer é. Se seu editor ou terminal roda em tela cheia nativa do macOS (seu próprio Espaço) em vez de como uma janela normal maximizada, as ações do Rectangle de mover para outro monitor e redimensionar não se aplicam da mesma forma que a um app em modo janela — apps em tela cheia não são janelas móveis comuns. Mantenha em modo janela os apps que você quer que o Rectangle gerencie.

Automatizando um layout em vez de remontá-lo na mão

Como o Rectangle expõe um esquema de URL, um layout diário fixo pode ser reduzido a um único script em vez de quatro toques de teclado separados toda manhã:

open -a "Visual Studio Code"
sleep 0.5
open -g "rectangle://execute-action?name=first-two-thirds"

open -a "iTerm"
sleep 0.5
open -g "rectangle://execute-action?name=last-third"

Cada bloco ativa um app, espera um pouco até ele vir para frente, e então dispara a ação correspondente do Rectangle. Salve isso como um script de shell ou conecte a uma macro do Keyboard Maestro disparada por um atalho, e “montar meu layout de código” vira um único toque de tecla em vez de quatro. Isso precisa ser montado manualmente e não se adapta automaticamente a qual monitor está conectado — esse tipo de automação disparada pela conexão de um monitor é um recurso embutido no Rectangle Pro, e não algo que scripts no nível gratuito reproduzam de forma limpa.

Referência rápida

Layout	Atalhos
Editor + terminal, um monitor	⌃⌥← / ⌃⌥→
Editor + terminal, divisão desigual	⌃⌥E (editor) / ⌃⌥G (terminal)
Editor + terminal + navegador, três colunas	⌃⌥D, circular com pressões repetidas
Editor no segundo monitor	⌃⌥⌘→ e depois ⌃⌥↩
Ignorar os atalhos próprios do IDE	Dar foco ao IDE → menu do Rectangle → Ignorar app