​

Visualizações

​

Como funciona

1. Abra uma aba de rascunho na barra lateral
2. A visualização inicia automaticamente (ou clique em “Iniciar visualização” manualmente)
3. O Kazzle lê lifecycle.dev do seu kazzle.config.ts
4. O comando de desenvolvimento é executado na porta atribuída
5. A URL de visualização aparece na aba de rascunho

​

Configurando o comando de desenvolvimento

import { defineConfig } from '@kazzle/app';

export default defineConfig({
  components: [
    {
      name: 'My App',
      type: 'ui',
      path: '.',
      lifecycle: { dev: 'bun run dev' }
    }
  ]
});

​

URLs de visualização

http://localhost:{PORT}

​

Recarga automática

​

Controles manuais

• Iniciar visualização — inicia o servidor de desenvolvimento se não estiver em execução
• Parar visualização — encerra o processo do servidor de desenvolvimento
• Reiniciar — parar + iniciar (útil após alterações de configuração)

​

Verificação