Persiapan Belajar

Berikut adalah setup dan persiapan yang perlu dilakukan untuk memulai belajar Flutter

Download & Install Android Studio

• Install Android SDK
• Untuk panduan, check Youtube: Dart & Flutter Installation (Erico Darmawan Handoyo)

Download & Install Visual Studio Code

• Install extension: Flutter dan Dart
• Download & Install Desktop development with C++
• Untuk panduan, check YouTube: Fix Flutter Doctor Visual Studio Not Installed - Please Install the Desktop Development With C++

Download & Setup Flutter

• Install Flutter
• gunakan perintah flutter doctor untuk memeriksa kelengkapan instalasi
• Dalam kondisi jika kita hanya mau melakukan development aplikasi Windows saja, tanpa Android, kita bisa menonaktifkan pemeriksaan flutter doctor terhadap Android SDK lewat perintah flutter config --no-enable-android

Setup HP sebagai perangkat test aplikasi

• Masuk ke Developer Mode di HP.
• Sambungkan HP ke PC menggunakan kabel USB.
• Set aktif mode USB Debugging dan Install via USB. Pada saat Anda mengaktifkan opsi ini, pop-up pada layar HP akan muncul meminta ijin. Centang Always Allow kemudian klik OK.
• Gunakan perintah flutter devices pada terminal untuk mengecek apakah perangkat sudah tersambung.
• Jika Anda melakukannya dengan benar, maka Anda akan menemukan nama model HP yang tersambung di pojok kanan bawah VS Code.
• Untuk bantuan, Anda bisa check Youtube: Running App Flutter di Handphone Langsung via kabel USB

Setup Flutter Version Management

1. Install fvm

    dart pub global activate fvm
   

   Test fvm. Pada CLI/Command Prompt, jalankan fvm --version.
   Jika instalasi berhasil, maka akan muncul informasi versi fvm.
   Jika belum pesan command not recognized, tambahkan folder instalasi fvm ke Windows Path.

2. Install Flutter SDK
   1. Gunakan perintah fvm releases untuk melihat versi SDK yang tersedia.
   2. Install SDK di CLI menggunakan perintah fvm install [version]. Contoh: fvm install 2.10.5
   3. Aktifkan SDK di CLI menggunakan perintah fvm use [version], lakukan di folder project
3. Setup VS Code
   1. Temukan folder SDK Flutter lewat perintah fvm list
   2. Edit setting.json (ctrl+shift+p: Preferences: Open User Settings (JSON))
   3. tambahkan folder SDK Flutter

      "dart.flutterSdkPaths": ["C:\\Users\\$USER\\fvm\\versions"]
      

   4. ctrl+shift+p: Flutter: Change SDK
      Sampai titik ini, Anda seharusnya melihat versi SDK yang baru Anda install.
      Jika tidak, rubah $USER pada langkah sebelumnya menjadi nama user windows.
4. Untuk bantuan cek video tutorial

Perintah fvm:

perintah	keterangan
fvm list	menampilkan versi SDK yang terinstall. SDK yang diinstall manual (tidak menggunakan fvm tidak akan muncul di list)
fvm install [version]	install SDK [version]
fvm use [version]	mengaktifkan SDK [version]
fvm releases	menampilkan daftar [version] yang tersedia