img-news
Programming
Installasi dan Setup Flutter
Oleh Administrator 13 September 2023

Hallo. kali ini saya mau membahas tentang installasi flutter dan setup berbagai environtment yang dibutuhkannya di PC windows. Bagi kalian yang ingin mulai ke mobile dev, mungkin flutter bisa jadi referensi kalian nih. okey langsung saja.

 

Tools yang dibutuhkan

  1. Visual Studio Code yang bisa kalian unduh di: code.visualstudio.com/download
  2. Git yang bisa kalian unduh di: https://git-scm.com/

 

Download SDK Flutter

  1. Buka link official web flutter di: https://flutter.dev
  2. Lalu klik tombol get started, disana kalian akan di berikan 4 pilihan OS untuk installasi flutter kalian. Pilih logo windows, untuk mendapatkan flutter versi windows.
  3. Setelah itu, kalian akan dilarikan kehalaman flutter untuk windows. Pada bagian Get the Flutter SDK, klik tombol download Flutter SDK.
  4. Setelah download selesai, extrack file zip Flutter SDK tadi di drive kalian. Contohnya di drive D.

 

Setting System Environment Variabels

  1. Klik tombol Windows lalu cari Edit The System Environment Variabels.
  2. Setelah jendela system properties terbuka, klik Environment Variabels.
  3. Pada bagian User Variabels, lalu klik 2x pada bagian Path.
  4. Klik Tombol New, lalu masukkan D:\dev\flutter\bin (tempat kalian mengextract Flutter SDK).
  5. Setelah itu klik tombol OK.
  6. Buka CMD, lalu ketik flutter. Jika sudah ada pesan Welcome to Flutter, berarti konfigurasi kalian sudah benar.

 

Mengecek Kebutuhan Flutter

  1. Untuk mengecek apakah Windows kalian sudah memenuhi syarat untuk menjalankan flutter, buka CMD lalu ketik flutter doctor.
  2. Jika pertama kali kita menginstall flutter, biasanya akan ada isu pada bagian Andorid Toolchain dan Visual Studio.

 

Setup Android Toolchain

  1. Download Android Studio di: https://developer.android.com / studio
  2. Lalu klik tombol download android studio.
  3. Setelah download selesai, lalu install android studio tadi.
  4. Setelah selesai menginstall, buka CMD lagi, lalu ketik flutter doctor. Jika masih ada isu dibagian Android Toolchain, biasanya dibagian cmdline-tools dan android license.

 

Fixing cmdline-tools

  1. Buka Android Studio.
  2. Buka menu Tools > SDK Manager.
  3. Dimenu Android SDK > SDK Tools, Cheklist pada bagian Android SDK Command-line Tools.
  4. Tunggu Installasi selesai.
  5. Jika sudah selesai, buka CMD lagi dan ketik flutter doctor.

 

Fixing Android License

  1. Di dalam CMD, ketik flutter doctor --android-licenses
  2. Ketika ada konfirmasi licenses, ketik y untuk menyetujui.

Nah Sampai disini, harusnya masalah Android Toolchain sudah selesai.

 

Fixing Visual Studio

  1. Buka https://visualstudio.microsoft.com / downloads/
  2. Lalu download visual studio versi community.
  3. Setelah download selesai, install visual studio.
  4. Ketika proses installasi, scroll ke bagian Desktop & Mobile.
  5. Cheklist Desktop Development with C++.
  6. Tunggu proses installasi sampai selesai.
  7. Buka CMD, lalu ketik flutter doctor.

Sampai disini, harusnya sudah tidak ditemukan isu lagi.

Konfigurasi VS Code agar bisa menggunakan Flutter.

  1. Buka visual studio code.
  2. Buka menu exstensions > lalu ketik flutter
  3. Install extensions flutter ke dalam VS code kalian. Ketika kalian menginstall extensions Flutter, maka otomatis extensions Dart juga akan terinstall pada VS Code kalian.

 

Testing Flutter

  1. Buat folder project baru.
  2. Lalu buka terminal di VS Code kalian, pada menu terminal > New Terminal.
  3. Untuk membuat project flutter, ketik flutter create nama_project.
  4. Setelah folder project terbuat, masuk kedalam folder project flutter yang kita buat tadi, dengan mengetik cd nama_project.
  5. Lalu coba jalankan dengan mengetik, flutter run.
  6. Pilih salah satu browser yang kalian punya, untuk mempreview project flutter kita.
  7. Jika project flutter kalian telah running, maka kalian sudah berhasil menginstall dan setup flutter di Windows kalian.

 

Lumayan panjang ya, untuk referensi video bisa kalian lihat disini :