Persiapan Sebelum Ngoding: Cara Install Flutter dan Menyiapkan Komputer Anda

Punya niat kuat belajar Flutter adalah langkah awal yang hebat. Namun, sebelum kita bisa menulis kode program yang keren, kita harus membangun "bengkel kerjanya" terlebih dahulu. Artikel ini akan memandu Anda menyiapkan komputer agar siap merakit aplikasi Flutter.

Apa Saja yang Kita Butuhkan?

Untuk mulai membuat aplikasi dengan Flutter, ada beberapa perangkat lunak (software) utama yang wajib terpasang di komputer Anda:

1. Flutter SDK: Mesin utama yang akan menerjemahkan kode Flutter Anda.

2. Code Editor: Tempat kita mengetik kode (rekomendasi terbaik: Visual Studio Code).

3. Android Studio / Xcode: Digunakan untuk menyediakan emulator (HP virtual di komputer) serta tools pendukung sistem.

Mari kita bedah langkah-langkah instalasinya satu per satu secara santai.

Langkah 1: Download dan Install Flutter SDK

1. Kunjungi situs resmi Flutter di flutter.dev.

2. Unduh installer Flutter SDK versi stabil (stable) yang sesuai dengan sistem operasi komputer Anda (Windows, macOS, atau Linux).

3. Setelah terunduh, ekstrak file ZIP tersebut ke folder yang mudah diakses. Saran: Simpan di direktori utama, contohnya di C:\src\flutter (untuk Windows) atau /Users/namauser/development/flutter (untuk Mac). Hindari menyimpan di folder Program Files karena sering menimbulkan izin akses.

Langkah 2: Daftarkan Flutter ke System Path (Environment Variables)

Agar komputer Anda mengenali perintah flutter dari Command Prompt atau Terminal, Anda harus mendaftarkannya ke dalam sistem:

• Bagi Pengguna Windows:

  1. Buka menu Start, ketik Environment Variables, lalu pilih Edit the system environment variables.

  2. Klik tombol Environment Variables... di bagian bawah.

  3. Pada kotak bagian bawah (System variables), cari variabel bernama Path, lalu klik Edit.

  4. Klik New, lalu masukkan alamat folder bin dari folder Flutter yang sudah diekstrak tadi (contoh: C:\src\flutter\bin).

  5. Klik OK di semua jendela.

• Bagi Pengguna macOS/Linux:

  Buka Terminal, lalu tambahkan jalur file ke dalam file konfigurasi shell Anda (seperti .zshrc atau .bash_profile) menggunakan perintah teks editor.

Langkah 3: Install Code Editor (Visual Studio Code)

Meskipun ada beberapa pilihan editor, Visual Studio Code (VS Code) adalah pilihan paling ramah, ringan, dan populer bagi pemula.

1. Download dan install VS Code dari code.visualstudio.com.

2. Setelah terpasang, buka VS Code.

3. Masuk ke menu Extensions (ikon kotak kubus di sebelah kiri, atau tekan Ctrl+Shift+X / Cmd+Shift+X).

4. Cari dan install dua ekstensi wajib berikut:

   • Flutter (ini akan otomatis menginstal ekstensi Dart di dalamnya).

   • Dart (bahasa pemrograman pendukung).

Langkah 4: Uji Kesehatan Sistem dengan "Flutter Doctor"

Ini adalah jurus sakti para developer Flutter untuk mengecek apakah semua instalasi sudah benar.

1. Buka Command Prompt (Windows) atau Terminal (Mac/Linux).

2. Ketik perintah berikut lalu tekan Enter:

   Bash

    

   flutter doctor
   

3. Perintah ini akan memindai komputer Anda dan menampilkan laporan komponen mana yang sudah siap dan komponen apa yang masih kurang (misalnya lisensi Android SDK yang belum disetujui atau emulator yang belum ada).

4. Ikuti instruksi teks yang muncul di terminal jika ada tanda centang silang ($X$) hingga semuanya berwarna hijau ($✓$).

Langkah 5: Menyiapkan Emulator atau Perangkat Fisik

Agar Anda bisa melihat hasil aplikasi yang dibuat:

• Menggunakan HP Asli (Paling Direkomendasikan untuk HP spek ringan): Aktifkan USB Debugging di menu Pengaturan Pengembang (Developer Options) pada HP Android Anda, lalu sambungkan ke komputer menggunakan kabel USB.

• Menggunakan Emulator Komputer: Anda bisa menginstal Android Studio untuk membuat perangkat HP virtual (AVD - Android Virtual Device) yang bisa dijalankan langsung di layar komputer.

Kesimpulan

Selamat! Jika flutter doctor Anda sudah berstatus hijau atau tidak ada kendala fatal, artinya komputer Anda kini telah resmi menjadi "markas pengembangan" aplikasi.

Di artikel selanjutnya, kita akan mulai berkenalan dengan bahasa yang digunakan untuk meracik kodenya.

Daftar Lanjutan: Pilih Topik Selanjutnya

Silakan klik salah satu topik di bawah ini untuk melanjutkan perjalanan belajar Anda:

• Mengenal Dart: Bahasa Pemrograman Asli di Balik Flutter

• Konsep Dasar Widget di Flutter: Mengapa Semuanya Dianggap Balok Lego?

• Membedakan StatelessWidget dan StatefulWidget: Kapan Pakai yang Mana?

• Seni Menyusun Layout: Merapikan Teks, Tombol, dan Gambar dengan Row & Column