REHBER || Windows için Flutter Nasıl Kurulur? Visual Studio Code'da Flutter Emülatör ile nasıl çalıştırılır ?

Bu konuyu okuyanlar

KutluhanKip

Öğrenci
Katılım
11 Kasım 2017
Mesajlar
26
Reaksiyon puanı
2
Puanları
3
Merhaba Dostlar.Bu rehberde mobil uygulama yazarken sıkça kullanılan Flutter'ı bilgisayarınıza nasıl kuracağınızı ve Visual Studio Code'da bir emülatör ile birlikte nasıl yazdığınız kodları çalıştırabileceğinizi anlatacağım.
İlk kez bir rehber yazacağım için hatalarım olursa affola.

Not:Genellikle indirilen uygulamaların kurulumundaki gibi benzer adımları izleyerek bir kurulumu olduğu için bu rehberde
Visual Studio'nun kurulumunu anlatmadım.


-->İlk olarak Flutter'ı bilgisayarımıza indirelim.

1- )Bağlantıya tıklayarak Flutter'ın sitesine gidelim.

1.jpg


2-)Git'i indirmek için mavi ile yazılan Git for Windows yazısına tıklayalım.

2.png


3-)Buradan bilgisayarımızın sahip olduğu bit sayısına göre kurulum dosyamızı indirelim ve indirdiğimiz dosyayı bilgisayarımıza kuralım.

4-)Get The Flutter SDK başlığının altındaki bağlantıdan Flutter dosyalarını bilgisayarımıza indirelim.

3.png


5-)Sonrasında emülatör kullanımı için indirmemiz gereken Android Studio'yu bu bağlantıdan bilgisayarımıza indirelim.

4.png


6-)Flutter kodlarımızı çalıştırmak için kullanacağımız Visual Studio Code kod editörünü bu bağlantıdan bilgisayarımıza indirelim.
Not:Windows Başlığının altındaki "User Installer" seçeneklerinden birini seçmeniz kurulumda size kolaylık sağlayacaktır.


5.png


-->Flutter'ı Bilgisayarımıza kuralım.

4.adımda indirdiğimiz zip dosyasını bir klasöre çıkartalım.Çıkarttığımız flutter adlı dosyayı Yerel Disk:D dizini altında src adlı bir klasör oluşturarak src klasörünün içine taşıyalım.
Sonrasında Denetim Masası-->Sistem ve Güvenlik-->Sistem yolunu izleyelim.Karşımıza çıkan ekranda "Gelişmiş sistem ayarları" yazısına tıklayalım.
6.png


Açılan menüde "Ortam Değişkenleri" bölümüne tıklayalım ve menüde kırmızı renk içine alınmış "Yeni..."yazısına tıklayalım

Untitled-1.jpg


Açılan menüde değişken adı her seferinde "path" olacak şekilde şu 3 değeri ekleyelim:

  • C:\Windows\System32
  • D:\src\flutter\bin
  • C:\Program Files\Git\cmd



-->Android Studio'yu bilgisayarımıza kuralım.
5.adımda bilgisayarımıza indirdiğimiz dosyayı açalım ve next-next diyerek kurulumu devam ettirelim.

Önümüze çıkan select components penceresinde eğer işlemcimiz intel ise "Android Virtual Device" kutucuğunu tikleyelim.Eğer işlemciniz Amd ise bu bağlantıdaki videoyu izleyerek emülatör kurulumu yapabilirsiniz.
Tekrar next-next diyerek kurulumu tamamlayalım ve Android Studio'yu başlatalım.
12.png

Açılan menüde ilk olarak configure'e sonrasında ise SDK Manager butonuna tıklayalım. Sonrasında Plugins Menüsünden Dart ve Flutter eklentilerini Android Studio'ya ekleyelim.
Bundan sonra ise System Setting Menüsün altında bulunan Android SDK bölümüne yönelelim.Sdk tools bölümüne gelelim ve "Hide obsolete packages" kutucuğun işaretlenmediğine emin olduktan sonra gözüken bütün eklentileri işaretleyip Apply tuşuna basalım ve Sdk araçlarını Android Studio'ya ekleyelim

13.png


NOT: Dosya sınırlamasını aştığım için bundan sonra kurulumu anlatan resimleri link ile paylaşacağım.

Bu menü ile işimizi bitirdikten sonra cancel tuşuna basarak buradan çıkalım.Şimdi de Configure tuşuna tıklayarak AVD manager bölümünü açalım.Create Virtual Device butonuna tıklayalım.Açılan ekranda kendimize bir cihaz seçelim ve next seçeneğine tıklayalım.Karşımıza Gelen System image bölümünde Recommended bölümünden ANDROID API R'yi indirelim.

Resim

İndirme Bittikten sonra next tuşuna basalım.Karşımıza çıkan pencerede ise Finish tuşuna basalım ve kurulumu bitirelim.

Son adım olarak Flutter kurulumunda yaptığımız gibi "Ortam değişkenleri" bölümünü açalım.Bağlantıya tıklayalım ve resimde işaretlenen iki değişkeni ortam değişkenlerimize ekleyelim.Burada ANDROID_HOME ve JAVA_HOME değişkenlerinin farklı bölümlere eklendiğine dikkat edelim.

Android Studio ve Emülatör kurulumumuz bitti.Sıra geldi projemizi oluşturmaya ve çalıştırmaya.



Visual Studio Code'u açalım.Eklentiler bölümünde bağlantıda şekil içine alınan eklentileri indirelim ve Visual Studio Code'u yeniden başlatalım.

-->Projemizi oluşturalım.
View bölümünden Command Palette yazısına tıklayarak veya Ctrl+Shift+P kısayolu ile komut panelini açalım.Arama kutucuğuna Flutter New Project yazalım ve karşımıza gelen sonuca tıklayalım.Burada da program bize dosyamıza ne isim vermek istediğimizi soruyor.İstediğimiz isimi yazıyoruz ve Enter'a basıyoruz(Proje isminizde türkçe karakter olmamasına dikkat edelim).Projenizi nereye oluşturmak istiyorsanız o klasörü seçip "Select a folder to create the project in" tuşuna basıyoruz ve VS Code'un projemizi oluşturmasını bekliyoruz.

Projemiz oluşturulduktan sonra sırasıyla resimdeki adımları izleyelim.Android Studio kurulumunda eklediğimiz emülatör burada gözükecektir.Emülatörü seçtikten sonra uygulamanız emülatör içinde açılacaktır.
Screenshot_14.jpg



Okuduğunuz için teşekkür ederim.İyi Forumlar
Mesaj otomatik birleştirildi:

4.adımda indirdiğimiz zip dosyasını bir klasöre çıkartalım.Çıkarttığımız flutter adlı dosyayı Yerel Disk:D dizini altında src adlı bir klasör oluşturarak src klasörünün içine taşıyalım.

Gülücük işareti yanlış olmuş dostlar Yerel Disk D dizini altında olacak.
 
Son düzenleme:

hsyn_ay

Öğrenci
Katılım
25 Ocak 2020
Mesajlar
10
Reaksiyon puanı
3
Puanları
3
ben windows 7 kullanıyorum sorun olurmu
 

hsyn_ay

Öğrenci
Katılım
25 Ocak 2020
Mesajlar
10
Reaksiyon puanı
3
Puanları
3
en baştaki flutter bağlantısı çalışmıyor
birde visual studioyu en son mu indileim
Mesaj otomatik birleştirildi:

en baştaki flutter bağlantısı çalışmıyor
birde visual studioyu en son mu indirelim
 
Son düzenleme:

KutluhanKip

Öğrenci
Katılım
11 Kasım 2017
Mesajlar
26
Reaksiyon puanı
2
Puanları
3
en baştaki flutter bağlantısı çalışmıyor
birde visual studioyu en son mu indileim
Mesaj otomatik birleştirildi:


en baştaki flutter bağlantısı çalışmıyor
birde visual studioyu en son mu indirelim
Flutter Bağlantısı

Size kalmış.İsterseniz ilk olarak isterseniz son olarak kurabilirsiniz.
 
Üst