Interface, Painéis e Atalhos que Economizam Tempo — aula do módulo Antigravity IDE & Editores Modernos, na trilha Setup Essencial & Terminal Descomplicado da…
Leitura de aproximadamente 6 minutos.
Módulo: Antigravity IDE & Editores Modernos · Curso: Setup Essencial & Terminal Descomplicado · Formação: Formação Nível Zero: Ferramentas Essenciais e Gratuitas de IA e Código
Você já abriu o editor e já produziu um resultado com ele na trilha Começando com AGY (aula "Instalando o Antigravity e Abrindo a Primeira Pasta"). Agora vale conhecer o terreno com calma: são cinco zonas, e cada uma responde por uma parte do seu trabalho.
1. Barra de Atividades e Explorador Lateral (Esquerda): árvore de arquivos e pastas do projeto, controle de versão Git, busca global de texto e extensões. 2. Editor Central de Código: onde você lê e edita. Aceita múltiplas abas ou divisão da tela ao meio para comparar dois arquivos. 3. Painel do Agente / Chat de IA (Direita): o canal de conversa com o agente, onde você envia instruções, revisa planos e acompanha modificações propostas. 4. Painel Inferior (Terminal e Saída): terminal integrado (Git Bash/PowerShell), consoles de depuração e logs de execução. 5. Barra de Status (Rodapé): branch do Git, codificação do arquivo (UTF-8), linha/coluna atual e alertas do sistema.
+-------------------------------------------------------------------------------+
| MAPA DE PAINÉIS DO ANTIGRAVITY IDE |
+-------------------------------------------------------------------------------+
| |
| [Menu Superior: Arquivo | Editar | Exibir | Terminal | Ajuda] |
| ┌────────────┬───────────────────────────────┬────────────────────────────┐ |
| │ EXPLORADOR │ EDITOR CENTRAL │ AGENTE DE IA | |
| │ │ [index.html] [estilo.css] │ | |
| │ 📁 src/ │ │ "Como posso ajudar | |
| │ ├── app.js│ 1 <!DOCTYPE html> │ no seu projeto hoje?" | |
| │ └── api.js│ 2 <html lang="pt-br"> │ | |
| │ 📄 README │ 3 <head> │ ┌──────────────────────┐ |
| │ ⚙️ pkg.json │ 4 <title>App</title> │ │ Digite sua instrução │ |
| │ │ │ └──────────────────────┘ |
| ├────────────┴───────────────────────────────┴────────────────────────────┤ |
| │ TERMINAL INTEGRADO │ |
| │ user@pc:~/projeto$ git status │ |
| └─────────────────────────────────────────────────────────────────────────┘ |
| [Barra de Status: ⎇ main | UTF-8 | Ln 4, Col 12 | Node v20.x] |
| |
+-------------------------------------------------------------------------------+
O recurso mais poderoso de navegação em editores modernos é a Paleta de Comandos (Command Palette). Ela executa praticamente qualquer ação do editor a partir do que você digita, sem memorizar em qual menu a função está escondida.
Ctrl + Shift + PCmd + Shift + PAo pressionar o atalho, uma barra de busca aparece no topo com o símbolo >. Digite palavras como Format Document (alinhar o código), Terminal: Select Default Profile (trocar o shell padrão) ou Toggle Terminal e acione a ação na hora. É por aqui que passam quase todos os ajustes de configuração deste módulo — inclusive os que não têm atalho próprio.
| Atalho (Windows/Linux) | Atalho (macOS) | O que faz na prática | |---|---|---| | Ctrl + P | Cmd + P | Busca rápida de arquivos: digite parte do nome e abra na hora. | | Ctrl + Shift + P | Cmd + Shift + P | Paleta de Comandos: acesso a todas as funções do IDE. | | Ctrl + \ | Cmd + \` | Abrir/Fechar Terminal: alterna o terminal integrado na base. | | Ctrl + \ | Cmd + \ | Dividir Editor: abre o arquivo atual lado a lado em duas colunas. | | Ctrl + B | Cmd + B | Recolher Barra Lateral: esconde o explorador e devolve espaço de leitura. | | Ctrl + W | Cmd + W | Fechar Aba: fecha o arquivo em foco. | | Ctrl + / | Cmd + / | Comentar Linha: adiciona ou remove comentário na seleção. | | Alt + ↑ / ↓ | Opt + ↑ / ↓ | Mover Linha: desloca a linha inteira para cima ou para baixo. | | Ctrl + D | Cmd + D | Multi-seleção: seleciona a próxima ocorrência da palavra para editar em lote. | | Ctrl + S | Cmd + S` | Salvar Arquivo: grava o estado atual no disco. |
Quatro deles rendem mais quando existe um agente na tela: Ctrl + B para recolher a lateral, Ctrl + \ para abrir o diff ao lado do original, Ctrl + P para pular direto ao arquivo que o agente citou, e Ctrl + \` para conferir no terminal aquilo que ele afirmou ter feito.
Com o painel de IA aberto, o editor central perde largura e o código passa a quebrar linha em lugar estranho. Três movimentos resolvem, sem instalar nada:
Ctrl + B) enquanto conversa com o agente. Você raramente precisada árvore de pastas e do chat ao mesmo tempo.
tem opções de movimentação de painel para reposicionar a área secundária.
Ctrl + W). Sessão com quinze abas abertas é ruído visual, e oarquivo volta em um segundo com Ctrl + P.
Se for personalizar teclas, personalize poucas e anote quais. Atalho customizado que você esquece é pior que atalho padrão que você não usa — e some quando você troca de máquina.
[!TIP]
Evite procurar arquivos clicando pasta por pasta: em projetos reais com centenas de
subpastas, caçar arquivo na árvore consome tempo à toa. Pressione Ctrl + P e digite as
primeiras letras (por exemplo,appjsencontrasrc/components/app.js) — a busca é difusa
e instantânea. Vale também quando o agente responde citando um caminho: copie o nome, use
Ctrl + P e confira o arquivo de verdade em vez de acreditar na descrição.Pratique a navegação usando apenas o teclado dentro do Antigravity IDE:
1. Abra a Paleta de Comandos:
Ctrl + Shift + P (ou Cmd + Shift + P), digite View: Toggle Primary Side Bar e pressione Enter para ver a barra lateral abrir e fechar.2. Localize arquivos com a busca rápida:
Ctrl + P, digite app.js e pressione Enter para abrir no editor central o arquivo criado na aula anterior.3. Divida a tela em duas colunas:
Ctrl + \ para dividir a janela do editor ao meio e comparar dois arquivos ao mesmo tempo.4. Abra o terminal integrado via teclado:
Ctrl + \, digite ls e pressione Ctrl + \`` novamente para ocultar o terminal quando terminar a inspeção.