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

###  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ışı

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

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.

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