Bölüm 1 — Konu 2: Ortam Kurulumu (Flutter SDK, Android Studio/VS Code, Emulator/Simulator, DevTools'a İlk Bakış)

#Flutter SDK Kurulumu

Dart tutorial'ında Dart SDK'yı bağımsız kurmuştuk (Dart Bölüm 1 Konu 2'yi hatırla). Flutter SDK'sı, kendi içinde zaten bir Dart SDK'sı barındırır — yani Flutter'ı kurduğunda, aslında uyumlu bir Dart sürümü de otomatik olarak gelir.

Kurulum adımları (özet, platforma göre değişir):

1. flutter.dev üzerinden, işletim sistemine uygun Flutter SDK'yı indir.
2. SDK'yı bir klasöre çıkar (örneğin C:\src\flutter veya ~/development/flutter).
3. Flutter'ın bin klasörünü PATH ortam değişkenine ekle (Dart Bölüm 1'de PATH kavramını görmüştük — aynı mantık).
4. Terminali aç, kurulumu doğrula:

flutter doctor

flutter doctor — Kurulumun "Sağlık Kontrolü"

Bu komut, Flutter geliştirme ortamının eksiksiz olup olmadığını kontrol eder ve şuna benzer bir çıktı verir:

[✓] Flutter (Channel stable, 3.x.x)
[✓] Android toolchain - develop for Android devices
[✗] Xcode - develop for iOS and macOS (Xcode kurulu değil)
[✓] Chrome - develop for the web
[✓] Android Studio
[✓] VS Code
[✓] Connected device

Her [✗] işareti, eksik bir bileşeni gösterir — flutter doctor, genelde ne yapman gerektiğini de açıklar (örneğin "Xcode'u App Store'dan indirin" gibi). Tüm maddeleri yeşile çevirmek zorunda değilsin — örneğin sadece Android geliştirmek istiyorsan, Xcode'a (sadece iOS/macOS için gerekir) ihtiyacın olmaz.

#IDE Seçimi — VS Code vs Android Studio

Dart tutorial'ında VS Code'u önermiştik (Dart Bölüm 1 Konu 2). Flutter geliştirmede de iki ana seçenek var:

Pratik öneri: VS Code ile başla (Dart'ta zaten kullandığın araç) — Flutter ve Dart eklentilerini kur. Android emulator'ü yönetmek için Android Studio'yu sadece o amaçla (arka planda) kurman gerekecek, ama günlük kodlamayı VS Code'da yapabilirsin.

VS Code'a eklenti kurulumu:

1. Extensions (Uzantılar) sekmesine git.
2. "Flutter" ara, kur (bu otomatik olarak Dart eklentisini de kurar).

#Emulator / Simulator — Sanal Cihaz Kurulumu

Uygulamanı test etmek için gerçek bir telefona ihtiyacın yok — bir emulator (Android için sanal cihaz) veya simulator (iOS için sanal cihaz, sadece macOS'ta çalışır) kullanabilirsin.

Android Emulator kurulumu:

1. Android Studio'yu aç.
2. "Device Manager" (Cihaz Yöneticisi) bölümüne git.
3. "Create Device" ile bir sanal telefon modeli seç (örneğin Pixel 7).
4. Bir Android sürümü (system image) indir ve seç.
5. Emulator'ü başlat.

iOS Simulator (sadece macOS):

• Xcode kurulduğunda otomatik olarak gelir, open -a Simulator komutuyla açılabilir.

Gerçek cihaz kullanmak da mümkün:

• Android: Telefonda "Geliştirici Seçenekleri"ni açıp USB hata ayıklamayı (USB debugging) etkinleştir, USB ile bağla.
• iOS: Bir Apple geliştirici hesabıyla, cihazı Xcode üzerinden "güvenilir" olarak işaretle.

#İlk Kontrol — Bağlı Cihazları Listeleme

flutter devices

Bu komut, o anda kullanılabilir tüm cihazları (açık emulator'ler, bağlı gerçek cihazlar, hatta Chrome tarayıcısı — web geliştirme için) listeler:

2 connected devices:

sdk gphone64 x86 64 (mobile) • emulator-5554 • android-x64
Chrome (web)                 • chrome        • web-javascript

#Flutter DevTools — İlk Bakış

Dart tutorial'ında DevTools'a değinmemiştik (o zaman henüz görsel bir uygulama yoktu) — şimdi kısaca tanıyalım. Flutter DevTools, uygulamanı çalışırken analiz etmeni sağlayan bir dizi görsel araçtır — tarayıcıda açılan bir web arayüzü şeklinde çalışır.

DevTools'un sunduğu bazı araçlar (her birini ileride, ilgili bölümlerde derinlemesine işleyeceğiz):

• Widget Inspector: Widget ağacını (Bölüm 1 Konu 1'de öğrendiğimiz) görsel olarak inceleme.
• Performance/Timeline: Uygulamanın hangi noktalarda yavaşladığını analiz etme (Bölüm 9'da işleyeceğiz).
• Memory: Bellek kullanımını izleme (Dart Bölüm 13'te öğrendiğimiz garbage collection'ı görsel olarak gözlemleme).
• Network: API çağrılarını izleme (Bölüm 5'te işleyeceğiz).

DevTools, bir uygulama çalışırken otomatik olarak erişilebilir hale gelir — bunu bir sonraki derste, ilk projemizi çalıştırdığımızda gerçekten göreceğiz.

#Kurulumu Doğrulama — Örnek Bir Proje ile Test

Henüz kendi projemizi oluşturmadık (Bölüm 1 Konu 3'te yapacağız), ama Flutter'ın kendi örnek projesiyle hızlı bir test yapabilirsin:

flutter create test_projesi
cd test_projesi
flutter run

Eğer her şey doğru kurulduysa, bu komutlar bir emulator/cihaz üzerinde, Flutter'ın varsayılan sayaç uygulamasını (counter app) açacaktır. Bunu bir sonraki derste, kendi projemizi oluştururken detaylı olarak inceleyeceğiz.

#Sık Karşılaşılan Kurulum Sorunları

#🎯 Bu Dersten Çıkarılması Gerekenler

• Flutter SDK, kendi içinde uyumlu bir Dart SDK'sı barındırır — ayrıca Dart kurmana gerek yoktur.
• flutter doctor, geliştirme ortamının eksiksiz olup olmadığını kontrol eder ve eksikleri raporlar.
• VS Code (hafif, günlük kullanım) ve Android Studio (emulator yönetimi, derin Android ayarları) birlikte kullanılabilir.
• Emulator/simulator, gerçek cihaz olmadan test yapmanı sağlar; flutter devices ile bağlı cihazları listeleyebilirsin.
• Flutter DevTools, widget inceleme, performans analizi, bellek izleme gibi görsel araçlar sunan bir web arayüzüdür.

#📝 Ödevler

• [ ] Flutter SDK'yı kur, flutter doctor çalıştır, çıkan tüm maddeleri (eksik olanlar dahil) not al.
• [ ] VS Code'a Flutter ve Dart eklentilerini kur.
• [ ] Bir Android emulator oluştur (Android Studio üzerinden), başlat ve çalıştığını doğrula.
• [ ] flutter devices komutunu çalıştır, çıkan cihaz listesini incele.
• [ ] flutter create test_projesi ile örnek bir proje oluştur, flutter run ile çalıştır, varsayılan sayaç uygulamasının açıldığını gözlemle (bu projeyi silmene gerek yok, bir sonraki derste kendi projemizi ayrıca oluşturacağız).

Sıradaki konu: Bölüm 1 — Konu 3: İlk Proje Yapısı (pubspec.yaml, lib/, Klasör Mimarisi, flutter create Anatomisi)