Panduan Installasi Flutter

 

Persyaratan Sistem

Sebelum memulai, pastikan perangkat Anda memenuhi persyaratan berikut:

Komponen	Minimum	Rekomendasi
RAM	8 GB	16 GB
Ruang Disk	10 GB	20 GB+
OS	Windows 10/11, macOS Monterey+, Ubuntu 20.04+	Versi terbaru

Pastikan koneksi internet stabil dan Git terinstal di sistem Anda .

---

Metode 1: Installasi Cepat dengan VS Code (Direkomendasikan untuk Pemula)

Metode ini paling sederhana karena VS Code akan menangani sebagian besar proses instalasi secara otomatis .

Langkah 1: Install Prasyarat

Untuk Windows:

• Install Git for Windows 

• Install Visual Studio Code

Untuk macOS:

• Install Xcode Command Line Tools melalui terminal:

bash

xcode-select --install

Untuk Linux (Ubuntu/Debian):

• Install Visual Studio Code

bash

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

Langkah 2: Instal Ekstensi Flutter di VS Code

1. Buka VS Code

2. Buka tab Extensions (Ctrl+Shift+X)

3. Cari Flutter dan klik Install (ekstensi Dart akan terinstal otomatis) 

Langkah 3: Instal Flutter SDK via VS Code

1. Buka Command Palette (Ctrl+Shift+P di Windows/Linux, atau Cmd+Shift+P di macOS)

2. Ketik flutter dan pilih Flutter: New Project

3. VS Code akan meminta lokasi SDK — pilih Download SDK

4. Tentukan folder tujuan (misal: C:\src\flutter atau ~/develop/flutter)

5. Klik Clone Flutter dan tunggu proses download selesai

6. Klik Add SDK to PATH saat muncul notifikasi 

Langkah 4: Verifikasi Instalasi

Tutup dan buka kembali terminal, lalu jalankan:

bash

flutter doctor -v

Metode 2: Installasi Manual (Untuk Kontrol Penuh)

Instalasi di Windows

1. Download Flutter SDK

Kunjungi flutter.dev/docs/get-started/install/windows dan download file ZIP terbaru .

2. Ekstrak SDK

Ekstrak file ZIP ke folder pilihan. Hindari folder seperti C:\Program Files\ yang memerlukan hak akses administratif. Contoh lokasi: C:\src\flutter .

3. Tambahkan ke PATH

1. Buka Start → cari Environment Variables → Edit environment variables for your account

2. Pada User variables, pilih Path → Edit

3. Klik New dan tambahkan path: C:\src\flutter\bin (sesuaikan dengan lokasi instalasi Anda)

4. Klik OK tiga kali 

4. Verifikasi

cmd

flutter --version

Instalasi di macOS

Metode A: Via Homebrew (Termudah)

bash

brew install --cask flutter

Metode B: Manual

1. Download SDK dari situs resmi Flutter

2. Ekstrak ke ~/develop/

3. Tambahkan ke PATH di ~/.zprofile:

bash

export PATH="$HOME/develop/flutter/bin:$PATH"

4. Simpan dan jalankan source ~/.zprofile 

Instal Prasyarat iOS:

bash

sudo gem install cocoapods

Instalasi di Linux (Ubuntu/Debian)

1. Download dan Ekstrak SDK

bash

cd ~
curl -O https://storage.googleapis.com/flutter_infra_release/releases/stable/linux/flutter_linux_3.22.1-stable.tar.xz
tar xf flutter_linux_3.22.1-stable.tar.xz

2. Tambahkan ke PATH

• Untuk Bash: tambahkan ke ~/.bashrc

• Untuk Zsh: tambahkan ke ~/.zshenv

bash

echo 'export PATH="$PATH:$HOME/flutter/bin"' >> ~/.bashrc
source ~/.bashrc

3. Verifikasi

bash

flutter --version

Menyiapkan Lingkungan Android

Langkah 1: Install Android Studio

Download dan install Android Studio .

Langkah 2: Install Komponen SDK

Saat pertama kali membuka Android Studio, pastikan menginstal:

• Android SDK

• Android SDK Command-line Tools

• Android Emulator

• Android SDK Platform-Tools

• SDK Build-Tools 

Langkah 3: Konfigurasi Variabel Environment

Windows:
Buat variabel ANDROID_HOME dengan nilai C:\Users\Username\AppData\Local\Android\Sdk .

macOS/Linux:
Tambahkan ke ~/.zprofile atau ~/.bashrc:

bash

export ANDROID_HOME=$HOME/Android/Sdk
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:$ANDROID_HOME/cmdline-tools/latest/bin

Langkah 4: Terima Lisensi Android

bash

flutter doctor --android-licenses

Tekan y untuk menyetujui semua lisensi .

---

Verifikasi Akhir dengan Flutter Doctor

Jalankan perintah berikut untuk memeriksa apakah semua komponen terpasang dengan benar:

bash

flutter doctor -v

Output akan menampilkan status setiap komponen dengan tanda:

• ✅ = Terpasang dengan benar
• ❌ = Perlu instalasi
• ⚠️ = Perlu perhatian 

---

Membuat Proyek Pertama

Setelah semua terkonfigurasi, buat proyek pertama Anda:

bash

flutter create nama_aplikasi_anda
cd nama_aplikasi_anda
flutter run

Untuk menjalankan di browser (Chrome):

bash

flutter run -d chrome

---

Tips & Trik

1. Gunakan Mirror (untuk pengguna di China):

bash

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PUB_HOSTED_URL=https://pub.flutter-io.cn

2. Selalu gunakan versi stable:

bash

flutter channel stable
flutter upgrade

3. Atur default editor:

bash

flutter config --editor [vscode/android-studio]

---

Dengan mengikuti panduan ini, Anda kini memiliki lingkungan Flutter yang siap digunakan!