Ana içeriğe atla

Önizlemeler

Bir uygulama taslağını açtığınızda, Kazzle bir geliştirme sunucusu başlatabilir ve canlı bir önizleme gösterebilir.

Nasıl çalışır

  1. Kenar çubuğundan bir taslak sekmesi açın
  2. Önizleme otomatik olarak başlar (veya “Önizlemeyi başlat”ı manuel olarak tıklayın)
  3. Kazzle, kazzle.config.ts dosyasından lifecycle.dev öğesini okur
  4. Geliştirme komutu atanan bağlantı noktasında çalışır
  5. Önizleme URL’si taslak sekmesinde görünür

Geliştirme komutunu yapılandırma

UI bileşeninizde lifecycle.dev öğesini ayarlayın:
lifecycle.dev ayarlanmamışsa, önizleme sistemi yaygın geliştirme sunucusu algılamasına geri döner (Vite, Next.js, vb.).

Önizleme URL’leri

Her uygulama, korumalı alanında ayrılmış bir bağlantı noktası alır. Önizleme URL’si şu deseni izler:
PORT ortam değişkeni, önizleme sistemi tarafından otomatik olarak ayarlanır.

Sıcak yeniden yükleme

Kodunuzdaki değişiklikler, geliştirme sunucunuzun sıcak yeniden yükleme (HMR) tarafından algılanır. Siz veya AI dosyaları düzenledikçe önizleme gerçek zamanlı olarak güncellenir.

Manuel kontroller

  • Önizlemeyi başlat — geliştirme sunucusu çalışmıyorsa başlatır
  • Önizlemeyi durdur — geliştirme sunucusu işlemini sonlandırır
  • Yeniden başlat — durdur + başlat (yapılandırma değişikliklerinden sonra yararlı)

Doğrulama

Bir önizleme, yalnızca uygulama-çalışma alanı sekmesi açıldığında ve beklenen UI gösterildiğinde doğrulanır. Zaman aşımı, başarısız sekme açılması, durdurulmuş işlem veya eksik önizleme URL’si, önizlemenin henüz doğrulanmadığı anlamına gelir. AI bir uygulama oluşturduğunda, taslağı başlattıktan veya değiştirdikten sonra uygulama-çalışma alanı sekmesini açmalıdır. Komut çıktısından tek başına uygulamanın çalıştığını iddia etmemelidir.