# Plan-Code-Verify iş akışı (/tr/docs/verdent-for-vscode/core-features/plan-code-verify-loop)

> Plan-Code-Verify iş akışı; çoklu girdi yöntemleri aracılığıyla gereksinimler, uygulama ve doğrulama üzerinde hassas kontrol sağlar.



### Neler öğreneceksiniz [#neler-öğreneceksiniz]

* Plan-Code-Verify iş akışı nedir
* Çok modlu belirtim yöntemleri (doğal dil, görsel, etkileşimli)

***

## **Plan-Code-Verify** iş akışı [#plan-code-verify-iş-akışı]

Verdent'in iş akışının üç aşamasını da bir araya getirir:

**Plan:** Gereksinimleri netleştirin ve çözümleri açık, görsel mantık diyagramları ve plan kurallarıyla tasarlayın. Belirtimlerinizi doğal dil, UI taslakları veya etkileşimli demolar aracılığıyla ifade edin.

**Code:** Kodunuzu kolayca inceleyin, yeniden düzenleyin ve geliştirin; her seferinde net sonuçlar elde edin. Çok modlu girdiler, uygulamanın tam olarak gereksinimlere uymasını sağlar.

**Verify:** Bir doğrulayıcı alt aracı ve tarayıcı araçlarıyla sorunları erkenden yakalayarak güvenilir sonuçlar elde edin.

**Plan-Code-Verify iş akışı nasıl çalışır:**

<Steps>
  <Step title="Plan kuralları">
    * Yerleşik rol şablonlarından birini seçin (Frontend, Test, Ürün Yöneticisi)
    * Düşünce tarzınıza ve çalışma alışkanlıklarınıza uyan özel plan kuralları oluşturun
  </Step>

  <Step title="Plan önizlemesi">
    * Plan incelemesi aracılığıyla planın yapısını ve içeriğini netleştirin
    * Plan incelemesi sırasında yapay zeka ile uyumlandıktan sonra, ayrıntılı plan içeriğini oluşturmak için 'Generate Plan'a tıklayın
  </Step>

  <Step title="Plan tasarımı">
    Ayrıntılı belirtim şunları içerir:

    * Sistem mimarisi diyagramları
    * Bileşen yapısı ve ilişkileri
    * Veri modelleri ve API sözleşmeleri
    * Görsel taslaklarla UI/UX belirtimleri
    * Teknoloji yığını gerekçesi
  </Step>

  <Step title="Görev ayrıştırması">
    Uygulama iş akışını düzenlemek için bağımlılıklar ve önceliklerle hiyerarşik liste

    * Görevlerin gerçek zamanlı ilerlemesini görüntüleyin
    * Tamamlandığında, tamamlanma durumlarını özetleyin
  </Step>

  <Step title="Diff özetleri">
    Kod değişikliklerini ve Code-reviewer alt aracını inceleyin

    * Değişiklik yerelleştirme - Kod değişiklikleriyle birlikte değiştirilen tüm dosyaları listeler
    * Mantık özetleme - Neyin neden değiştiğini doğal dilde açıklar
    * Etki analizi - Belgeler, API ve bağımlı kod üzerindeki aşağı yönde etkileri vurgular
  </Step>

  <Step title="Erken doğrulama ">
    * Yapılandırılabilir otomatik doğrulama
    * Alt aracılar ve tarayıcı araçlarıyla doğrulama
  </Step>
</Steps>

## Çok modlu belirtim [#çok-modlu-belirtim]

Gereksinimlerinizi ifade etmenin birden çok yolunu destekler:

<Tabs>
  <Tab title="Doğal dil">
    Gereksinimleri, kısıtlamaları ve kabul kriterlerini doğal dilde ifade edin:

    * Teknik ve iş gereksinimlerinin zengin bağlamsal anlaşılması
    * Karmaşık, çok katmanlı belirtimleri destekler
    * Gereksinim tanımı için doğal konuşma akışı
  </Tab>

  <Tab title="Görsel gereksinimler">
    UI taslaklarını, tasarım ekran görüntülerini veya referans uygulamaları yükleyin:

    * Görsel belirtimlerden piksel düzeyinde kusursuz yeniden oluşturma
    * Tasarım iletişimi için birden çok görüntü biçimini destekler
    * UI/UX uygulaması için görsel bağlam
  </Tab>

  <Tab title="Etkileşimli demolar">
    Çalışan örnekleri veya prototipleri paylaşın:

    * Davranış ve kullanıcı deneyimi beklentilerini iletin
    * Karmaşık etkileşimleri ve iş akışlarını gösterin
    * Daha net gereksinim iletişimi için canlı örnekler
  </Tab>
</Tabs>

Bu çok modlu yaklaşım, karmaşık gereksinimlerin, özellikle UI/UX belirtimlerinin belirsizlik olmadan doğru biçimde yakalanmasını sağlar.

***

## Ayrıca bkz. [#ayrıca-bkz]

<CardGroup cols="3">
  <Card title="Professional Plan" icon="diagram-project" href="/docs/verdent-for-vscode/core-features/professional-plan">
    Fikirleri uygulama planlarına dönüştürün
  </Card>

  <Card title="Code Diff" icon="code-compare" href="/docs/verdent-for-vscode/core-features/code-diff">
    Kurumsal düzeyde kod incelemesi iş akışı
  </Card>
</CardGroup>