Flutter Kurulumu (Ayrıntılı) – Visual Studio Code ve Android Studio

Bu derste, Flutter’ı bilgisayarınıza kurmak ve ilk uygulamanızı oluşturmak için adım adım rehberlik edeceğiz. Hem Visual Studio Code hem de Android Studio için kurulum adımları ayrıntılı olarak ele alınacaktır.

Gerekli Araçlar:

Visual Studio Code ile Kurulum:

1. Flutter SDK Kurulumu:

  • Yukarıdaki Flutter SDK bağlantısına gidin ve işletim sisteminize uygun Flutter SDK’yı indirin.
  • İndirilen dosyayı çalıştırın ve kurulum sihirbazını takip edin.
  • Kurulum tamamlandıktan sonra, Flutter SDK’nın bulunduğu dizini not edin.

2. Visual Studio Code Kurulumu:

  • https://code.visualstudio.com/download adresinden Visual Studio Code’u indirin ve yükleyin.
  • Visual Studio Code’u açın ve “Ctrl + Shift + P” tuşlarına basarak komut paletini açın.
  • “ext install Dart-Code” yazın ve Enter’a basın.
  • Dart-Code eklentisini yükleyin.
  • “Ctrl + Shift + P” tuşlarına tekrar basın ve “Dart: Flutter” yazın.
  • “Flutter: Install Flutter SDK” seçeneğini seçin ve Flutter SDK’nın bulunduğu dizini seçin.

3. İlk Uygulama Oluşturma:

  • “Ctrl + Shift + P” tuşlarına basın ve “Flutter: New Project” seçeneğini seçin.
  • Uygulama adı ve klasör konumunu belirleyin.
  • “Ctrl + F5” tuşlarına basarak uygulamayı çalıştırın.

Android Studio ile Kurulum:

1. Flutter SDK Kurulumu:

  • Yukarıdaki Flutter SDK bağlantısına gidin ve işletim sisteminize uygun Flutter SDK’yı indirin.
  • İndirilen dosyayı çalıştırın ve kurulum sihirbazını takip edin.
  • Kurulum tamamlandıktan sonra, Flutter SDK’nın bulunduğu dizini not edin.

2. Android Studio Kurulumu:

  • https://developer.android.com/studio/command-line/sdkmanager adresinden Android Studio’yu indirin ve yükleyin.
  • Android Studio’yu açın ve “Welcome to Android Studio” penceresinde “Configure” seçeneğini seçin.
  • “SDK Manager” sekmesine gidin ve “Android SDK” ve “Java JDK”yı seçin.
  • “Apply” ve “OK” butonlarına basarak kurulumu tamamlayın.

3. Flutter Plugin Kurulumu:

  • Android Studio’da “File” menüsünden “Settings” seçeneğini seçin.
  • “Plugins” sekmesine gidin ve “Marketplace” seçeneğini seçin.
  • “Flutter” yazın ve arama sonuçlarından “Flutter” plugin’ini seçin.
  • “Install” butonuna basarak plugin’i yükleyin.

4. İlk Uygulama Oluşturma:

  • “File” menüsünden “New Project” seçeneğini seçin.
  • “Flutter” kategorisinden “Flutter App” seçeneğini seçin.
  • Uygulama adı ve klasör konumunu belirleyin.
  • “Finish” butonuna basarak projeyi oluşturun.
  • “Run” butonuna basarak uygulamayı çalıştırın.

Notlar:

  • Visual Studio Code, daha hafif bir kod editörü olduğu için Flutter ile başlamak için daha iyi bir seçenek olabilir.
  • Android Studio, Android uygulama geliştirme için daha kapsamlı bir araç olduğu için daha sonra kullanılabilir.
  • Her iki kod editöründe de Flutter’ı kullanmak için Dart-Code eklentisini yüklemeniz gerekir.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir