Secara umum, menginstall Flutter sangat mudah dan memiliki tahapan yang hampir sama untuk semua OS. Akan tetapi persiapan program pendukungnya yang sedikit berbeda kadang menyulitan bagi sebagian orang. Berikut tahapan lengkap dan cara lengkap install flutter Windows di tahun 2020.
Aplikasi apa saja yang dibutuhkan untuk install Flutter ?
Ada beberapa software yang harus kita unduh dan install terlebih dahulu agar Flutter dapat berjalan dengan baik. Berikut:
- Java Development Kit (JDK);
- Android Studio;
- Android SDK;
- Flutter SDK;
- IDE / Teks Editor (disini kita akan menggunakan Visual Studio Code)
PERHATIAN : untuk menginstall semua program pendukung tersebut kita akan mendownload file yang cukup besar. Jadi pastikan untuk menggunakan jaringan internet yang baik dan kuota yang mumpuni tentunya 🙂
Daftar Isi
1. Download Flutter dan Aplikasi pendukung
Download Java SE Development Kit.
Saat tutorial ini dibuat, versi Oracle JDK terbaru berada di versi 15. Menurut keterangan dari situs Oracle itu sendiri, mereka akan merilis versi terbaru setiap 6 bulan sekali. Jadi bukan tidak mungkin saat anda membaca tutorial ini Oracle sudah merilis versi JDK terbaru.
Silahkan download Java SE Development Kit 15 melalui link dibawah ini :
https://www.oracle.com/java/technologies/javase-jdk15-downloads.html
![[Update Oktober 2020] Cara Lengkap Install Flutter di Windows 1 download java se untuk windows flutter](https://belajarflutter.com/wp-content/uploads/2020/10/download-java-se-untuk-windows-flutter-1024x371.png)
Terdapat dua versi (zip dan exe), silahkan pilih versi exe saja agar mudah dalam proses installasi. Untuk mendownload, klik link yang berada di kolom sebelah kanan dan simpan di folder C:\src
Catatan : Untuk kemudahan tutorial ini maka kita sepakati untuk menyimpan semua hasil download file di C:\src
Selesai mengunduh JDK, selanjutnya
Download aplikasi Android Studio
URL : https://developer.android.com/studio
Klik tombol hijau untuk mendownload dan simpan juga di folder C:\src
. Ukuran file cukup besar sekitar 892 MB.
![[Update Oktober 2020] Cara Lengkap Install Flutter di Windows 2 android studio](https://belajarflutter.com/wp-content/uploads/2020/07/android-studio-1024x535.jpg)
Setelah itu langkah selanjutnya :
Download Visual Studio Code
URL : https://code.visualstudio.com/
Visual studio code merupakan salah satu IDE atau text editor yang disarankan oleh pihak Flutter. Dan pada tutorial-turorial di belajarFlutter.com selanjutnya pun juga akan banyak mengunakan Visual Studio Code ini. Bagi yang sudah memiliki VsCode silahkan lewati tahapan ini.
![[Update Oktober 2020] Cara Lengkap Install Flutter di Windows 3 vscode download](https://belajarflutter.com/wp-content/uploads/2020/07/vscode-download.jpg)
Download Flutter
Terakhir download Flutter untuk Windows di halaman https://flutter.dev/docs/get-started/install/windows dan simpan juga di folder src.
![[Update Oktober 2020] Cara Lengkap Install Flutter di Windows 4 download dan install flutter versi 1.22.1 stable](https://belajarflutter.com/wp-content/uploads/2020/10/download-flutter-versi-1.22.1-stable-1024x461.png)
Kini kita sudah memiliki 4 file di folder src. kurang lebih tampilannya seperti dibawah ini..
![[Update Oktober 2020] Cara Lengkap Install Flutter di Windows 5 struktur file](https://belajarflutter.com/wp-content/uploads/2020/07/struktur-file.jpg)
2. Install Aplikasi Pendukung
File yang pertama kita install yaitu JDK (Java Development Kit), caranya :
- Double klik JDK Installer, lalu
- klik next hingga installasi selesai.
Kita dapat memilih lokasi installasi tapi sebaiknya install di lokasi default untuk mempermudah pencarian atau meminimalisir terjadinya error jika terdapat software lain yang membutuhkan jdk tersebut
![[Update Oktober 2020] Cara Lengkap Install Flutter di Windows 6 jdk install 2](https://belajarflutter.com/wp-content/uploads/2020/07/jdk-install-2.jpg)
Install Android Studio dan Android Virtual Device (AVD)
Sama halnya seperti menginstall JDK, proses installasi juga cukup mudah caranya
- Jalankan file exe Android Studio,
- Klik next hingga selesai
Lakukan Konfigurasi Android Studio pertama kali dengan cara
- Jalankan Android Studio
- Pilih “do Not Import settings” saja,
- Klik next dan pilih tipe installasi standar
- pilih tema sesuai kesukaan lalu klik Finish.
Tunggu hingga proses download selesai.
Selanjutnya Install Android Virtual Device (AVD)
Melalui Android studio, kita juga dapat membuat Android Virtual Device (AVD) atau lebih dikenal dengan istilah Emulator. Apabila tidak ingin menggunakan emulator dari android studio silahkan lewati tahapan ini.
Untuk alternatifnya kita dapat menggunakan emulator lain salah satunya yaitu Genymotion. Tutorial cara install genymotion di flutter silahkan baca disini
Cara Install Android Virtual Device (AVD)
- Jalankan Android studio
- pada tampilan “Welcome to Android Studio“, klik tombol config yang ada di kanan bawah,
- klik SDK Manager
- pilih versi android yang akan di download, lalu klik Apply
- tunggu hingga proses download selesai dan klik OK.
Setelah proses download selesai
- klik kembali tombol configure, namun kini kita pilih AVD Manager.
- Klik tombol “Create Virtual Device”,
Karena disini kita ingin membuat emulator untuk handphone maka untuk category kita pilih Phone, - Pilih tipe handphone yang memiliki playstore nya, di tutorial ini saya memilih “Pixel 3a“
3. Install Flutter
Untuk install flutter lakukan tahapan dibawah ini:
- Buka ke folder C:\src
- Extract Flutter zip file dengan cara klik kanan pada file zip lalu pilih “extract here” sehingga struktur foldernya akan menjadi seperti ini
C:\src\flutter
- setelah selesai extract, selanjutnya kita ke menu search bar di pojok kiri windows lalu ketikan “ENV” lalu tekan enter
- Tekan tombol Enviroment Variables di pojok kanan bawah dialog
- pada table User variables for …. pilih Path lalu klik Edit (Jika tidak ada pilihan Path maka anda dapat membuat baru dengan cara memilih tombol New)
- Klik tombol New lalu ketikan
C:\src\flutter\bin
- Klik Ok
Untuk mengecek apakah flutter kita sudah terinstall dengan baik, silahkan buka CMD lalu ketikan “Flutter”. Jika muncul pesan error seperti “not recognize ..” harap cek kembali tahapan diatas dan ulangi sampai berhasil.
4. Install Extension Flutter di Visual Studio Code
Bagi yang belum menginstall Visual Studio Code, silahkan Install terlebih dulu dengan cara double klik file exe nya, lalu next saja hingga selesai.
- Buka Aplikasi Visual Studio Code
- klik menu Extension yang ada di kiri toolbar
- lalu ketikan “Flutter” dan install
- untuk mempermudah pekerjaan kita nanti ada baiknya install juga “Flutter Widgets Snippet”
5. Buat Aplikasi Pertama dengan Flutter
masih di text editor visual studio code, untuk membuat projek flutter pertama kita caranya yaitu :
- Klik menu view -> Command Palette atau cara lebih mudahnya tekan tombol Ctrl+Shift+P
- Lalu ketikan “Flutter” dan pilih Flutter: New Project”
- masukan nama projeknya contoh “belajar_flutter” setelah itu tekan Enter dan pilih lokasi tempat menyimpan projek tersebut
- Tekan F5 untuk menjalankan Aplikasi Flutter Pertama kita lalu pilih Emulator yang akan kita gunakan.
kita juga dapat menjalankan flutter di rill device (handphone), untuk detailnya tunggu artikel selanjutnya.
Selesai menginstall flutter dan emulator ? Silahkan lanjut ke artikel selanjutnya :
– Struktur Widget pada Aplikasi Flutter
– Perbedaan Stateful dan Stateless Widget di Flutter
Bang, mau nanya, kenapa ketika running test di visual code, emulator saya ga muncul dan mendapatkan error ini ya.
NoSuchMethodError: The getter ’emulatorPath’ was called on null.
Receiver: null
Tried calling: emulatorPath
Saya udah buat AVD di android studio dengan API 29 dan 30, masih tetap ga bisa kebuka emulatornya di visual code ketika running app testnya.
Apakah ketika mau running app test di visual code, android studio harus dalam keadaan running juga?
Terima kasih.
Hi Ivan, Yaps betul, sebelum menjalankan
flutter run
kita harus menjalankan Emulator nya terlebih dahulu.Jika emulator sudah berjalan namun tetap tidak bisa juga, coba ikuti tips dibawah ini
flutter doctor
pastikan tidak ada error di flutter, android toolchain dan vscode nyaflutter upgrade
flutter emulators
, dan jika ada maka jalankan dengan perintahflutter emulators --launch {emulator id}
Semoga berhasil 🙂
Exception in thread “main” java.lang.RuntimeException: Could not determine wrapper version.
at org.gradle.wrapper.GradleWrapperMain.wrapperVersion(GradleWrapperMain.java:111)
at org.gradle.wrapper.GradleWrapperMain.main(GradleWrapperMain.java:61)
Caused by: java.lang.RuntimeException: No build receipt resource found.
at org.gradle.wrapper.GradleWrapperMain.wrapperVersion(GradleWrapperMain.java:97)
… 1 more
Exception: Gradle task assembleDebug failed with exit code 1
Exited (sigterm)
solusi dong?
Hi Anjar, Error tersebut biasanya terjadi karena download Gradle yang tidak lengkap atau rusak.
Silahkan coba tahapan dibawah ini :
C:/users/nama_kamu/
dan hapus .gradle (biasanya Gradle dalam keadaan hidden)flutter run --verbose
di terminal/cmd dengan koneksi internet yang stabil dan tunggu sampai aplikasi berjalan, jangan batalkanselamat malam mas,
untuk tutorial install untuk build IOS disebelah mana ya?
Thanks
mau nanya kenapa intel haxm saya gabisa di install ya?
solusinya bisa menggunakan emulator real device atau emulator seperti bluestack
saya mau tanya min, cara memunculkan main.dart lib pada step buat aplikasi pertama dengan flutter itu bagaimana ya?. terimakasih
Terima kasih banyak atas pembahasannya.
sama sama selamat belajar
artikelnya bermanfaat sekali, makasih udah sharing