Cara instalasi Flutter di windows

Flutter adalah SDK (Software Development Kit ) yang merupakan framework untuk membuat aplikasi mobile baik di android maupun di ios, web dan desktop dalam satu code, serta di dukung penuh oleh Google sebagai pihak pengembang utamanya.

Flutter sendiri bersifat Open Source dimana setiap orang bisa ikut menyumbangkan pemikiran mereka dalam mengembangkan flutter ini. tahun 2018 merupakan kelahiran flutter yang diluncurkan oleh Google dengan Dart sebagai bahasa pemogramannya. Saat artikel ini dibuat versi flutter sudah versi 3.13

Daftar isi :

1. System requirements
2. Instalasi chocolatey
3. Instalasi Flutter
4. Instalasi VsCode
5. Membuat project flutter pertama
6. Menjalankan project di emulator windows chrome

Tahapan Instalasi Flutter di windows

1. System Requirements

Dalam proses instalasi dan menjalankan Flutter sebagai pengembangan Anda harus memenuhi persyaratan minimum berikut :

1. Sistem Operasi: Windows 10 atau lebih baru (64-bit), berbasis x86-64.
2. Ruang Disk: 1,64 GB (tidak termasuk ruang disk untuk IDE/alat).
3. Peralatan : Flutter bergantung pada ketersediaan alat ini :
   –  Windows PowerShell 5.0 atau lebih baru (ini sudah diinstal sebelumnya dengan Windows 10)
   – Git untuk Windows 2.x, dengan opsi Gunakan Git dari Prompt Perintah Windows.

Jika Git untuk Windows sudah terinstal, pastikan Anda dapat menjalankan perintah git dari command prompt atau PowerShell

     2. Instalasi chocolatey

apa itu Chocolatey ? Chocolatey merupakan package manager yang dapat melakukan proses instalasi software, cukup hanya dengan perintah via powershell atau command prompt, daripada anda melakukan proses download aplikasinya kemudian double click installernya lalu next, next dan seterusnya yang tentunya memakan waktu dan ribet.

Buka Command Prompt sebagai Administrator

lalu ketikan kode dibawah ini

@”%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe” -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command “[System.Net.ServicePointManager]::SecurityProtocol = 3072; iex ((New-Object System.Net.WebClient).DownloadString(‘https://community.chocolatey.org/install.ps1’))” && SET “PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin”

seperti gambar dibawah ini

Untuk menguji jika anda sudah berhasil menginstal chocolatey anda bisa mengetikan “choco” pada command prompt, jika muncul seperti gambar dibawah ini berarti anda sudah berhasil melakukan instalasi chocolatey

      3. Instalasi Flutter

Setelah berhasil melakukan instalasi chocolatey , saatnya sekarang melakukan instalasi Flutter, kita akan melakukan instasi melalui Command Prompt, jalankan Command Prompt

lalu ketikan code dibawah ini : choco install flutter

Jika proses berhasil akan muncul seperti gambar dibawah ini

      4. Instalasi VsCode

Saatnya sekarang kita akan instal Vscode sebagai text editor kita dalam menulis code nantinya, anda bisa download versi zip melalui link ini download

setelah di download extract zip file tersebut, anda bisa extract di drive D atau C lalu jalankan code.exe seperti gambar dibawah ini

jika berhasil, maka akan terbuka aplikasi Vscode nya seperti gambar dibawah ini

       5. Membuat project Flutter

Setelah kita melakukan persiapan diatas, saatnya sekarang kita akan membuat project flutter pertama.

buka terminal dengan mengklik menu Terminal ->New terminal lalu akan tampil seperti gambar dibawah ini

lalu kita akan membuat project pertama kita di Drive D, caranya ketikan D: pada terminal seperti gambar dibawah ini

setelah berada di drive D, ketikan perintah flutter create frist_project jika sukses akan muncul seperti gambar dibawah ini

Setelah sukses membuat project baru, sekarang kita akan membuka project yang baru kita buat dengan memilih menu File -> open folder, lalu file folder D dan pilih folder first_project di drive D seperti gambar dibawah ini

Jika sukses akan muncul file project kita disebelah kanan seperti gambar berikut :

kemudian buka file main.dart yang ada di folder lib, seperti gambar dibawah ini

     6. Menjalankan project di emulator windows chrome

setelah kita berhasil membuat project di flutter saatnya kita akan runing atau menjalankan project kita di emulator, disini saya menggunakan windows chrome sebagai emulatornya agar lebih ringan dibanding dengan menginstal emulator di Genymotion atau Android studio.

tahap pertama pastikan device emulator windows chromenya sudah active, ini bisa dilihat di pojok kanan bawah, jika ada tulisan “no device” seperti gambar dibawah ini itu artinya anda belum punya device emulatornya.

Untuk mengaktifkan device emulatornya adalah dengan cara clik tulisan “no device” tersebut lalu di kotak “select a device to use” di bagian atas akan muncul pilihan device yang bisa anda pilih salah satunya. seperti gambar dibawah ini

Setelah anda mempunyai device emulator, kemudian jalankan project anda di device tersebut dengan memilih menu “Run -> Start Debugging” di menu bagian atas

jika berhasil maka akan terbuka Chrome dengan sendirinya dan menampilkan design aplikasi pertama anda, seperti gambar dibawah ini.

Demikian tutorial proses instalasi flutter dan tool-tool yang dibutuhkan, semoga bermanfaat