Cara Install & Konfigurasi Flutter SDK Pada Windows

April 04, 2018
Flutter adalah mobile app development dari google yang menawarkan UI framework untuk membuat native interface yang high-quality pada android dan ios dengan cepat.

Rahmat Siswanto - Flutter.io
Flutter.io

Minimum requirement untuk menginstall dan menggunakan Flutter sebagai berikut:
  • Sistem Operasi: Windows 7 SP1 atau yang terbaru (64-bit)
  • Disk Space: 400 MB (belum termasuk disk space untuk Android Studio)
  • Tools:
Jika Git telah terinstall pada windows, pastikan kamu dapat menjalankan perintah git melalui command prompt atau power shell. Sebelum memulai menginstall dan konfigurasi Flutter SDK pastikan kamu sudah mengistall android sdk



Download Flutter SDK

Download official Flutter SDK v.1.0.0-stable.zip kemudian ekstrak file zip nya

Setelah Flutter selesai diclone ke PC maka langkah selanjutnya adalah setting environment variables
  • Buka “Control Panel > User Accounts > User Accounts > Change my environment variables”
  • Tambahkan path baru, arahkan ke folder flutter/bin (lokasi folder bin dari flutter yang sudah diekstrak sebelumnya)

Buka command prompt / power shell / Git Bash kemudian ketik perintah dibawah ini untuk melakukan penegcekan dan mengistall dependensi yang dibutuhkan flutter
flutter doctor

Rahmat Siswanto - Flutter doctor
flutter doctor

Gambar diatas adalah hasil akhir dari perintah flutter doctor dimana terdapat tiga (3) isu yang harus diselesaikan (lihat tanda [!])

1. Flutter Issue: Some android licenses not accepted

Terdapat beberapa lisensi android sdk yang belum disetujui oleh user. Langkah untuk menyelesaikan isu ini adalah ketikkan perintah dibawah ini menggunakan command prompt dan setujui setiap lisensi yang belum disetujui.
flutter doctor --android-licenses


Rahmat Siswanto - Flutter android licenses
flutter doctor --android-licenses

2. Flutter Issue: VS Code, 64-bit edition (version 1.21.1)

Jika kamu sudah mengistall VS Code biasanya terdapat isu ini karena pada VS Code belum diintall extensions flutter. Langkah untuk menyelesaikan isu ini adalah:
  • Buka aplikasi VS Code
  • Klik menu "View > Extensions"
  • Cari extension dengan keyword "Flutter". Kamu perlu install dua (2) extension yaitu Flutter Snippets for vscode dan Dart Code
Rahmat Siswanto - Flutter VSCode Extension
Install flutter extensions

3. Flutter Issue:Connected devices

Hal ini terjadi karena belum ada smartphone atau AVD yang terkoneksi dengan PC / laptop. Cara untuk menyelesaikan masalah ini adalah dengan cara menyambungkan smatphone android ke PC/laptop menggunakan USB (pastikan developer option aktif) atau dapat menggunakan AVD (Android Virtual Devices)

Silahkan cek flutter doctor lagi untuk mengecek status
Rahmat Siswanto - Flutter No Issue
Flutter No issues found!

Membuat Project Pertama Flutter

Membuat base project flutter sangat mudah, cukup ketik perintah dibawah ini menggunakan command prompt
flutter create myfirstapp

Buka Visual Studio Code dan buka project folder tersebut. Pada folder lib buka file main.dart dan tekan tombol F5 pada keyboard atau jalankan perintah flutter run pada command prompt, selanjutnya VSCode akan melakukan debugging ke conected device (USB debugging / AVD)

Rahmat Siswanto - Flutter Run
Visual Studio Code Debugging Mode (F5)


5 comments:

  1. MOHON SOLUSINYA MIN

    flutter doctor
    Doctor summary (to see all details, run flutter doctor -v):
    [✓] Flutter (Channel beta, v0.5.1, on Linux, locale en_US.UTF-8)

    Oops; flutter has exited unexpectedly.
    Sending crash report to Google.
    Crash report sent (report ID: b3f073012d53857b)
    Crash report written to /home/abidin/flutter_01.log;
    please let us know at https://github.com/flutter/flutter/issues.

    ReplyDelete
  2. Cara uninstall flutter SDK yang lama gmana ya?

    ReplyDelete

Powered by Blogger.