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
   

2. Setup VS Code
   1. Edit setting.json (ctrl+shift+p: Preferences: Open User Settings (JSON))
   2. tambahkan

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

      path fvm\version bisa dilihat melalui perintah fvm list

   3. Install SDK di CLI menggunakan perintah fvm install [version].
   4. Aktifkan SDK di CLI menggunakan perintah fvm use [version ], lakukan di folder project
   5. DI VS Code, Pilih SDK yang akan digunakan (ctrl+shift+p: Flutter Change SDK)
3. 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]