13. Preview e dev server

Single-slot

O TM Code corre um dev server por projecto. Quando arranca:

1. O agente chama start_dev_server com o comando do template (ex: npm run dev)

2. O TM Code spawna o processo

3. Lê o output e detecta URLs (http://localhost:5173, etc.)

4. Faz HEAD request a cada URL para classificar:

HTML → frontendUrl (preview iframe)
JSON → backendUrl (HTTP Client)

5. A vista de preview activa-se automaticamente

Toolbar do preview

[↻ Reload] [URL]  [✓ tests passing]  [⌘ chat] [⚙ console] [Publish] [Stop]

↻ Reload — recarrega o webview
URL — endereço atual; podes copiar
Console — abre painel de logs do dev server (toggle)
Publish — publica para web
Stop — termina o dev server

Console panel

Mostra:

stdout / stderr do dev server
Erros runtime do browser (uncaught exceptions, console.error)
Filtros por nível (info, warn, error)
Indicador de erros (ponto vermelho na toolbar)
Botão para limpar
Pesquisa

IPv4/IPv6 no Windows

Para frameworks de frontend conhecidos (Vite, Next, Nuxt, Angular, SvelteKit), o TM Code injecta --host 0.0.0.0 automaticamente — assim o servidor escuta em ambos 127.0.0.1 (IPv4) e [::1] (IPv6), evitando o problema clássico de localhost resolver para IPv6 mas o servidor estar só em IPv4.

← Toda a documentação · versão markdown