---
title: "Yapay Zeka Ajanlarıyla Uygulama Geliştirmede Mükemmel Bir Araç Zinciri: Vite+"
url: https://blog.edumints.com/yapay-zeka-ajanlariyla-uygulama-gelistirmede-mukemmel-bir-arac-zinciri
category: "Web"
date: 2026-10-20T07:07:20.281Z
publisher: Edumints Blog
lang: tr-TR
source_name: "Hacker News"
source_url: https://janmichalek.com/blog/vite-plus-agentni-vyvoj?lang=en
---

# 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:

```shell
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.

---

**Kaynak:** Hacker News (https://janmichalek.com/blog/vite-plus-agentni-vyvoj?lang=en)
**Yayıncı:** [Edumints Blog](https://blog.edumints.com) · Alıntılarken bu URL'ye bağlantı verin: https://blog.edumints.com/yapay-zeka-ajanlariyla-uygulama-gelistirmede-mukemmel-bir-arac-zinciri