4. Conceitos fundamentais
Vistas (view modes)
O TM Code tem 5 vistas principais. Mudas entre elas pela activity bar (esquerda) ou por atalhos:
Vista | O que vês | Quando usar |
---|---|---|
Chat | Conversa com o agente | Pedidos, iteração, debugging |
Generating | Streaming live do agente a trabalhar (raciocínio + ferramentas + diffs) | Acompanhar o que o agente está a fazer agora |
Preview | A tua app a correr (iframe ou HTTP Client) | Verificar o resultado |
Editor | Monaco editor com tabs e splits | Edição manual |
Settings | Configurações | Ajustar o IDE, gerir plano |
A vista Chat é a default — sempre que abres um projecto, é onde aterras.
Tipos de projecto (project kind)
O dev server detecta automaticamente o tipo do teu projecto:
frontend → app web pura (React, Vue, etc.). Preview = iframe.backend → API sem UI. Preview = HTTP Client (Postman embutido).fullstack → ambos. Preview = iframe + drawer com HTTP Client (toggle Cmd/Ctrl+Shift+H).static → ficheiro HTML standalone. Preview = iframe inline.
O agente
O "agente" é o modelo de IA que:
- Lê o teu código
- Executa comandos
- Edita ficheiros
- Pede permissão antes de acções sensíveis
- Mostra diffs inline para tu aprovares
- Acompanha o seu próprio progresso com checkpoints e task lists
Não é um chatbot que sugere — é um colaborador que age. Quando lhe pedes "adiciona login com Google", ele vai ler o teu código, decidir onde inserir, escrever as alterações, mostrar-te os diffs, e correr o dev server para tu validares.
← Toda a documentação · versão markdown