Yapay Zeka Ajanlarıyla Uygulama Geliştirmede Mükemmel Bir Araç Zinciri: Vite+

Bir projede 47 geliştirme bağımlılığı (devDependencies), yedi yapılandırma dosyası ve yapay zeka ajanına her şeyin nasıl çalıştırılacağını açıklayan bir Markdown dosyası vardı. Gece saat 2'de, yerel kontroller ile CI (Sürekli Entegrasyon) arasındaki bir farkı ayıklıyordum. Kod tamamlanmıştı ama etrafındaki araç zinciri (tooling) hazır değildi. Dört projede geçirdiğim üç haftalık Vite+ deneyiminden sonra, yeni Vite uygulamaları için basit bir kuralım var: Bunu yapay zekaya verdiğim ilk isteme (prompt) eklemek.

Kısa Özet#

• Yeni bir Vite uygulaması için ajana projeyi vp create ile oluşturmasını, ardından çalışmasını vp check, vp test ve vp build komutlarıyla doğrulamasını söylüyorum. Hız güzel bir avantaj ama benim için asıl kazanım; ajan, ben ve CI süreci için tek ve net bir iş akışı sağlamasıdır.
• Mevcut bir proje için vp migrate komutunu geçişin başlangıcı olarak ele alıyorum. Yine de kod farklarını (diff), testleri ve derleme (build) davranışını bizzat inceliyorum.

Sorun Yavaş Bir Linter Değildi#

Komutlarım ESLint, Prettier, TypeScript, test çalıştırıcısı ve package.json betikleri (scripts) arasına dağılmıştı. Projeye bir yapay zeka ajanı dahil ettiğimde, ajanın ilk işi hangi komutun doğru olduğunu bulmaktı. Bunu açıklamak için talimat dosyaları yazdım ve böylece bakımı yapılacak bir dosyam daha oldu. Üstelik bir keresinde yerel kurulumum ve CI, üretilen bir dosyayı farklı şekillerde kontrol etti; ajan bir sonuç görürken pipeline başka bir sonuç gördü. Daha hızlı bileşen üretimi bu tür tutarsızlıkları çözmez.

Vite+, günlük geliştirme görevlerini tek bir vp komutu altında toplar:

• Geliştirme ve derleme için Vite
• Testler için Vitest
• Kontroller için Oxlint ve Oxfmt
• Kütüphaneler için tsdown
• Görev yönetimi için Vite Task

Tüm bunların yapılandırmasını vite.config.ts içinde tutabilirsiniz. Yine de package.json, tsconfig ve çatınıza (framework) özel yapılandırma dosyalarınız bulunur. Bir React uygulaması oluşturduktan sonra ihtiyaç duyduğum temel komutlar şunlardır:

vp create vite -- --template react-ts
cd project-name
vp install
vp dev
vp check
vp test
vp build

Yukarıdaki komutlar vp aracının global olarak kurulu olduğunu varsayar, ancak yerel bir bağımlılık olarak da çalıştırılabilir. vp install, proje için seçilen paket yöneticisini kullanır; yani Vite+, npm veya pnpm'in yerini almaz.

Ajanın "Tamamlandı" Kavramını Tahmin Etmesine İzin Vermiyorum#

Vite+ dokümantasyonu, yapay zeka asistanları için hazır bir istem içerir. Amacım somuttur: Ajan uygulamayı kurmak için Vite+ kullanmalı ve ilk sayfayı oluşturduktan sonra kurulumu sessizce terk etmemelidir.

Pratik İstem (Prompt) Çıkarımı: Ajana Vite+ kullanarak Vite üzerinde yeni bir React + TypeScript uygulaması oluşturmasını söylerken şu adımları şart koşun:

• Önce mevcut vp create rehberini oku ve vp help create komutunu çalıştır. Hedef dizini incele ve mevcut dosyaların üzerine yazma.
• Kararlı Vite+ sürümünü ve tek bir paket yöneticisini seçerek tek bir kilit dosyası (lockfile) koru.
• Özel bir neden olmadıkça başka bir linter veya biçimlendirici (formatter) ekleme.
• Kurulumdan sonra vp install, vp check, ilgili testler için vp test ve üretim derlemesi için vp build komutlarını çalıştır.
• Uyguladığın davranış için bir test ekle; herhangi bir kontrol başarısız olursa nedenini düzelt ve tekrar çalıştır. Son raporda Vite+ sürümünü, çalıştırılan komutları ve gerçek sonuçları listele.

Her projede global kurulum şart değildir; tek seferlik kurulumlar için npx --package=vite-... gibi bir yaklaşım da pratik bir alternatif olarak kullanılabilir.