Kod editörü genel bakış

Daha fazla kontrol isteyen kullanıcılar için Promake yerleşik bir kod editörü içerir. Profesyonel bir geliştirici gibi web sitenizin gerçek kaynak kodunu görüntüleyin ve düzenleyin.

Kod Editörü Nedir?

Kod Editörü, web sitenizin dosyalarına doğrudan erişim sağlar:

• HTML - Yapı ve içerik
• CSS - Stiller ve görünüm
• JavaScript - İşlevsellik ve etkileşimler
• React/JSX - Component kodu
• Yapılandırma dosyaları - Proje ayarları

Kim İçin?

👤 Yeni Başlayanlar

Kod bilmezseniz bile editör şunları yapmanıza olanak tanır:

• Web sitenizin nasıl oluşturulduğunu görün
• Doğrudan küçük metin değişiklikleri yapın
• Yedekleme için kodunuzu indirin

👨‍💻 Orta Düzey Kullanıcılar

Biraz kodlama bilgisiyle:

• AI'a sormadan hızlı düzeltmeler yapın
• Belirli değerleri ince ayarlayın
• Kodu inceleyerek öğrenin

🧑‍💻 İleri Düzey Kullanıcılar

Deneyimli geliştiriciler şunları yapabilir:

• Tüm kod üzerinde tam kontrol
• Özel çözümler uygulama
• Geliştirme iş akışlarıyla entegrasyon

Kod Editörüne Erişim

Önizleme Panelinden

1. Projenizi açın
2. Önizleme araç çubuğuna bakın
3. Kod ikonuna tıklayın
4. Editör önizleme yerine açılır

Görünümler Arasında Geçiş

Şunlar arasında geçiş yapın:

• Önizleme - Web sitenizi görün
• Kod - Dosyalarınızı düzenleyin

Editör Arayüzü

Dosya Gezgini (Sol Panel)

• Projenizin klasör yapısı
• Açmak için dosyalara tıklayın
• Türe göre organize (componentler, stiller vb.)

Kod Alanı (Ana Panel)

• Sözdizimi vurgulama
• Satır numaraları
• Kod düzenleme alanı

Araç Çubuğu (Üst)

• Kaydet butonu
• İndirme seçenekleri
• Dosya bilgisi

Temel Kullanım

Dosya Açma

1. Dosya gezgininde gezinin
2. Görüntülemek istediğiniz dosyaya tıklayın
3. Dosya içeriği editörde görünür

Kod Düzenleme

1. Kod alanına tıklayın
2. Değişikliklerinizi yapın
3. Kaydet'e tıklayın veya Ctrl/Cmd + S basın
4. Değişiklikler projenize uygulanır

Değişiklikleri Kaydetme

Değişiklikler şu durumlarda kaydedilir:

• Kaydet butonuna tıkladığınızda
• Ctrl/Cmd + S bastığınızda
• Önizleme değişikliklerinizi yansıtacak şekilde güncellenir

Ne Düzenleyebilirsiniz?

Düzenlemesi Güvenli ✅

• Componentlerdeki metin içeriği
• CSS renkleri ve değerleri
• Yapılandırma değerleri
• Basit HTML değişiklikleri

Dikkatli Düzenleyin ⚠️

• Component yapısı
• JavaScript mantığı
• Import ifadeleri
• Karmaşık iç içe kod

Uzman Değilseniz Kaçının ❌

• Build yapılandırmaları
• Paket bağımlılıkları
• Çekirdek framework dosyaları

Kod Editörü Özellikleri

Sözdizimi Vurgulama

Farklı kod elementleri kolay okuma için renklendirilir:

• Anahtar kelimeler mavide
• String'ler yeşilde
• Yorumlar gride
• Ve daha fazlası

Satır Numaraları

Her satır kolay referans için numaralandırılır.

Otomatik Tamamlama

Yazmaya başlayın ve öneriler alın.

Klavye Kısayolları

| Kısayol | İşlem | | -------------------- | ------- | | Ctrl/Cmd + S | Kaydet | | Ctrl/Cmd + F | Bul | | Ctrl/Cmd + Z | Geri Al | | Ctrl/Cmd + Shift + Z | Yinele |

Yaygın Görevler

Metin Bulma

1. Ctrl/Cmd + F basın
2. Aradığınızı yazın
3. Eşleşmeler arasında gezinin

Metin Değiştirme

1. Metni içeren dosyayı bulun
2. Kodda metni bulun
3. Doğrudan düzenleyin
4. Kaydedin

Renkleri Değiştirme

1. CSS veya stil dosyasını bulun
2. Renk değerlerini bulun (örn. #FF5733)
3. İstediğiniz renkle değiştirin
4. Kaydedin

Yeni Başlayanlar İçin İpuçları

Küçük Başlayın

Etkisini görmek için bir seferde küçük bir değişiklik yapın ve kaydedin.

Bul'u Kullanın

Dosyalara göz atmak yerine belirli metni aramak için Ctrl/Cmd + F kullanın.

Panik Yapmayın

Bir şey bozulursa:

1. Geri Al kullanın (Ctrl/Cmd + Z)
2. Veya Versiyon Geçmişi'nden geri yükleyin
3. Veya AI'dan düzeltmesini isteyin

Keşfederek Öğrenin

Düzenlemezseniz bile koda bakmak eğiticidir.

Chat vs. Kod Editörü Ne Zaman Kullanılmalı

Chat Şunlar İçin:

• Yeni özellikler ekleme
• Büyük değişiklikler
• Nasıl kodlayacağınızı bilmediğiniz şeyler
• Karmaşık değişiklikler

Kod Editörü Şunlar İçin:

• Hızlı metin düzeltmeleri
• Renk ayarlamaları
• Nasıl çalıştığını öğrenme
• Kodu indirme