Cara Install Flutter di Windows, macOS, dan Linux

Memulai perjalanan sebagai pengembang aplikasi multi-platform kini semakin mudah dengan kehadiran Flutter. Mengetahui cara install Flutter dengan benar adalah langkah krusial agar proses pengembangan berjalan lancar tanpa kendala teknis di kemudian hari. Dalam panduan ini, kita akan membahas tuntas mulai dari persiapan prasyarat hingga menjalankan project pertama Anda di berbagai sistem operasi.

Cara Install Flutter

Berikut adalah ringkasan cepat cara install Flutter untuk Anda yang ingin segera mulai coding:

1. Unduh & Install Git: Pastikan Git terpasang di sistem Anda untuk manajemen versi.
2. Install Editor: Pasang Visual Studio Code (VS Code) atau Android Studio.
3. Extension Flutter: Di VS Code, cari dan install extension "Flutter" (Dart-Code).
4. Unduh SDK: Gunakan Command Palette (Ctrl+Shift+P) > "Flutter: New Project" > "Download SDK".
5. Atur PATH: Tambahkan folder bin dari SDK Flutter ke Environment Variables sistem.
6. Setup Mobile: Install Android Studio & SDK (untuk Android) atau Xcode (untuk iOS/macOS).
7. Verifikasi: Jalankan perintah flutter doctor di terminal untuk mengecek kesehatan instalasi.
8. Jalankan: Buat project baru dan jalankan dengan flutter run.

📑 Daftar Isi ▼

Pengantar: Flutter & Pilihan Metode Instalasi

Flutter adalah toolkit UI buatan Google yang memungkinkan pengembang membuat aplikasi cantik yang dikompilasi secara native untuk mobile, web, dan desktop hanya dari satu basis kode (codebase). Mengapa instalasi yang benar sangat penting? Karena Flutter bergantung pada berbagai toolchain (alat pendukung) seperti compiler Dart, SDK Android, dan emulator agar fitur unggulan seperti Hot Reload dapat berfungsi maksimal.

Berdasarkan dokumentasi resmi Flutter, terdapat dua jalur utama yang bisa Anda pilih: Quick Install via VS Code (sangat direkomendasikan untuk pemula karena otomatisasi tinggi) atau Manual Install (untuk kontrol penuh atas lokasi file). Berikut adalah perbandingannya:

Metode	Cocok Untuk	Kelebihan	Kekurangan	Ringkasan Langkah
Quick Install (VS Code)	Pemula & Pengguna VS Code	Otomatis, minim konfigurasi manual, lebih cepat.	Membutuhkan koneksi stabil saat proses download di editor.	Install VS Code > Ext Flutter > Command Palette > Download SDK.
Manual Install	Developer Advanced / Power User	Kontrol penuh lokasi SDK, bisa digunakan di banyak IDE.	Harus set PATH secara manual, langkah lebih panjang.	Download ZIP > Ekstrak > Atur Path di System Env.

Prasyarat Sebelum Install Flutter

Sebelum masuk ke teknis cara install Flutter, pastikan perangkat Anda memenuhi standar minimum. Mengabaikan prasyarat ini sering kali menjadi penyebab kegagalan saat menjalankan perintah flutter doctor.

Spesifikasi Sistem & Software Pendukung

• Sistem Operasi: Windows 10/11 (64-bit), macOS (64-bit/Apple Silicon), atau Linux (64-bit).
• Disk Space: Minimal 2.5 GB untuk Flutter SDK (belum termasuk IDE dan Android SDK yang butuh tambahan ~10-20 GB).
• Git: Wajib terinstall. Unduh di git-scm.com.
• Visual Studio Code: Ringan dan memiliki ekstensi Flutter terbaik.
• Koneksi Internet: Diperlukan untuk mendownload SDK dan dependensi pertama kali.

Kebutuhan Khusus Linux

Bagi pengguna Linux, Anda perlu menginstall beberapa paket library tambahan agar Flutter bisa berjalan mulus. Jalankan perintah berikut di terminal:

sudo apt-get update && sudo apt-get install -y curl git unzip xz-utils zip libglu1-mesa

Checklist Persiapan

• Git sudah terinstall (cek dengan git --version)
• VS Code sudah terpasang
• Ruang disk kosong > 20 GB tersedia
• Koneksi internet stabil (disarankan WiFi)

Setup Dasar Terminal untuk Flutter

Cara Install Flutter via VS Code (Quick Install)

Metode Quick Install adalah jalur tercepat sesuai panduan resmi Google. Anda tidak perlu repot mendownload file ZIP secara manual di browser dan mengekstraknya satu per satu.

1. Buka VS Code: Jalankan editor Anda.
2. Install Extension Flutter: Klik ikon Extensions di sidebar (atau tekan Ctrl+Shift+X), cari "Flutter" dari Dart-Code, lalu klik Install.
3. Jalankan Command Palette: Tekan Ctrl+Shift+P (atau Cmd+Shift+P di Mac), ketik flutter, lalu pilih Flutter: New Project.
4. Download SDK: Karena Anda belum punya SDK, VS Code akan memunculkan tombol "Download SDK". Klik tombol tersebut.
5. Pilih Folder: Tentukan di mana SDK akan disimpan (misalnya C:\develop atau ~/develop). Klik Clone Flutter.
6. Add SDK to PATH: Setelah selesai, VS Code akan memberikan notifikasi untuk menambahkan SDK ke PATH. Klik "Add SDK to PATH" agar perintah flutter bisa dipanggil dari terminal mana saja.

Halaman Ekstensi Flutter di Marketplace VS Code

Tips: Jika proses download terasa macet, jangan ragu untuk klik Cancel dan ulangi lagi. Biasanya hal ini disebabkan oleh gangguan timeout pada server repository. Setelah instalasi selesai, pastikan Anda melakukan Restart VS Code agar konfigurasi baru terbaca dengan sempurna.

Test Drive: Membuat Project Pertama

Untuk memastikan semua berjalan lancar, cobalah buat project "Hello World":

• Gunakan kembali Flutter: New Project > pilih Application.
• Pilih target device ke Chrome (web) di pojok kanan bawah VS Code.
• Tekan F5 untuk menjalankan aplikasi.
• Coba ubah teks di main.dart dan tekan Ctrl+S untuk melihat Hot Reload beraksi!

Tampilan Project Flutter Pertama di VS Code

Cara Install Flutter Manual (Windows/macOS/Linux)

Bagi Anda yang ingin menguasai cara install Flutter secara mendalam, metode manual memberikan fleksibilitas lebih. Inti dari metode ini adalah mengunduh bundle SDK, meletakkannya di folder permanen, dan mendaftarkan lokasinya ke sistem agar dikenali oleh terminal.

Langkah Manual di Windows

Untuk install Flutter Windows, ikuti prosedur berikut:

1. Download file ZIP SDK terbaru dari situs resmi Flutter.
2. Ekstrak file tersebut ke folder seperti C:\Users\NamaUser\develop\flutter. Penting: Hindari folder C:\Program Files\ karena masalah hak akses (permission).
3. Cari "Edit the system environment variables" di menu Start Windows.
4. Klik Environment Variables, pada bagian User variables pilih Path > Edit > New.
5. Masukkan alamat lengkap folder bin Anda, contoh: C:\develop\flutter\bin.

Pengaturan Path Environment Variable di Windows

Langkah Manual di macOS

Saat melakukan install Flutter macOS, perhatikan apakah Mac Anda menggunakan Intel atau Apple Silicon (M1/M2/M3):

1. Download bundle yang sesuai (ARM64 untuk Apple Silicon).
2. Ekstrak ke ~/develop/flutter.
3. Buka file ~/.zprofile (atau ~/.bash_profile jika menggunakan bash) via terminal.
4. Tambahkan baris: export PATH="$HOME/develop/flutter/bin:$PATH".
5. Jalankan source ~/.zprofile dan cek dengan flutter --version.

Langkah Manual di Linux

Untuk install Flutter Linux, prosesnya mirip dengan macOS namun lokasinya berada di file bash configuration:

1. Unduh file .tar.xz dan ekstrak dengan perintah tar -xf.
2. Pindahkan ke folder tujuan, misalnya ~/develop/flutter.
3. Tambahkan path ke file ~/.bashrc: echo 'export PATH="$HOME/develop/flutter/bin:$PATH"' >> ~/.bashrc.
4. Restart terminal atau jalankan source ~/.bashrc.

Verifikasi Instalasi Manual dengan Perintah flutter doctor -v

Setup Android Studio & Android SDK (Agar Bisa Build Android)

Meskipun Anda bisa menulis kode di VS Code, Anda tetap membutuhkan Android Studio untuk mengelola SDK Android dan emulator. Tanpa komponen ini, Anda tidak akan bisa melakukan kompilasi aplikasi untuk perangkat Android.

1. Install Android Studio: Unduh versi terbaru dari situs resminya.
2. SDK Manager: Setelah install, buka Settings > Languages & Frameworks > Android SDK.
3. Pastikan API Level: Centang versi API terbaru (misalnya API level 36) di tab SDK Platforms.
4. SDK Tools: Pindah ke tab SDK Tools, pastikan komponen berikut tercentang: Android SDK Build-Tools, SDK Command-line Tools, Android Emulator, Platform-Tools, CMake, dan NDK (side by side). Klik Apply.
5. Terima Lisensi: Jalankan perintah berikut di terminal Anda: flutter doctor --android-licenses. Ketik y untuk setiap pertanyaan lisensi.

Konfigurasi SDK Manager di Android Studi

Informasi Emulator

Jika Anda kesulitan mengatur emulator resmi dari Android Studio karena beban RAM yang berat, Anda bisa melihat panduan emulator Android di Windows untuk alternatif menjalankan aplikasi Android dengan lebih ringan. Pastikan juga Virtualization sudah aktif di BIOS laptop Anda.

Setup iOS/macOS (Xcode & CocoaPods)

Bagian ini khusus bagi Anda pengguna Mac yang ingin melakukan setup Flutter untuk iOS atau membangun aplikasi desktop macOS. Apple mengharuskan penggunaan Xcode untuk proses kompilasi native ini.

1. Install Xcode: Unduh via Mac App Store.
2. Konfigurasi CLI: Jalankan perintah berikut untuk mengaitkan toolchain terminal dengan Xcode: sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer dan sudo xcodebuild -runFirstLaunch.
3. Setujui Lisensi: Masukkan perintah sudo xcodebuild -license dan tekan spasi sampai akhir, lalu ketik agree.
4. Install CocoaPods: Ini diperlukan untuk library pihak ketiga di iOS. Gunakan sudo gem install cocoapods atau via Homebrew dengan brew install cocoapods.

Antarmuka Instalasi Komponen Xcode untuk iOS Development

Setelah langkah di atas selesai, jalankan flutter devices. Jika Anda melihat iOS Simulator atau iPhone yang terhubung di sana, berarti setup Anda sudah berhasil!

Verifikasi Instalasi: flutter doctor, Buat Project, dan Jalankan

Langkah terakhir setelah mengikuti seluruh rangkaian cara install Flutter adalah verifikasi. Flutter memiliki alat diagnosis yang sangat cerdas bernama flutter doctor.

Buka terminal/command prompt dan ketik:

flutter doctor -v

Interpretasi output:

• Centang Hijau [✓]: Komponen sudah terpasang dengan benar.
• Tanda Seru [!]: Ada peringatan, biasanya bersifat opsional (seperti plugin yang belum diupdate).
• Silang Merah [✗]: Komponen wajib hilang. Ikuti petunjuk yang diberikan di bawah tanda silang tersebut untuk memperbaikinya.

Contoh Laporan Diagnostik flutter doctor

Troubleshooting Cepat Masalah Umum

Masalah	Penyebab Utama	Solusi
Perintah 'flutter' tidak dikenal	PATH belum diatur	Cek kembali pengaturan Path di System Environment Variables.
Git not found	Git belum diinstall	Unduh Git dari situs resmi dan restart terminal.
Android licenses not accepted	Belum menyetujui lisensi	Jalankan flutter doctor --android-licenses.
Emulator tidak muncul	Virtualisasi BIOS mati	Masuk BIOS dan aktifkan VT-x atau AMD-V.

Tips & Troubleshooting Tambahan

Agar pengalaman pengembangan Anda tetap optimal dalam jangka panjang, perhatikan beberapa tips praktis berikut:

• Update Berkala: Selalu gunakan versi terbaru dengan menjalankan flutter upgrade di terminal secara rutin.
• Gunakan Channel Stable: Pastikan Anda berada di channel stabil untuk menghindari bug eksperimental dengan perintah flutter channel stable.
• Bersihkan Cache: Jika project mengalami error aneh saat build, coba jalankan flutter clean diikuti flutter pub get.
• Proxy: Jika Anda berada di jaringan kantor/kampus dengan proxy, pastikan Anda mengatur environment variable HTTP_PROXY dan HTTPS_PROXY.

Trik Menjalankan Aplikasi Android di PC

Bagi Anda yang ingin menguji file APK hasil build tanpa emulator yang lambat, Anda bisa mencoba cara install Google Play Store di PC untuk mendapatkan akses subsistem Android yang lebih native di Windows 11.

FAQ Cara Install Flutter

• Apakah Flutter gratis untuk digunakan? Ya, Flutter adalah proyek open-source yang sepenuhnya gratis digunakan untuk keperluan komersial maupun pribadi.
• Apakah saya harus install Android Studio jika ingin menggunakan VS Code? Ya, minimal Anda harus mendownload Android SDK dan Command-line Tools yang biasanya disertakan dalam bundle Android Studio.
• Dapatkah saya install Flutter di Windows 7? Tidak disarankan. Flutter saat ini secara resmi mendukung Windows 10 atau Windows 11 64-bit untuk stabilitas terbaik.
• Apa itu 'flutter doctor'? Itu adalah tool baris perintah yang mengecek sistem Anda dan melaporkan status instalasi Flutter secara otomatis.
• Berapa lama waktu yang dibutuhkan untuk instalasi? Tergantung kecepatan internet, biasanya berkisar antara 30-60 menit karena ukuran file SDK yang cukup besar.
• Apakah bisa install Flutter tanpa Git? Tidak bisa. Flutter menggunakan Git untuk mendownload SDK dan melakukan pembaruan versi (update).

Kesimpulan

Memahami cara install Flutter adalah pintu gerbang utama Anda untuk menjadi pengembang aplikasi modern. Baik Anda memilih jalur Quick Install via VS Code yang instan maupun Manual Install untuk kendali penuh, kuncinya terletak pada pengaturan PATH yang tepat dan verifikasi rutin menggunakan flutter doctor. Setelah instalasi sukses, langkah selanjutnya adalah mencoba membuat project pertama dan mulai mengeksplorasi ekosistem widget Flutter yang kaya. Selamat berkarya dan selamat datang di komunitas Flutter!

Go to Link