Cara Instalasi Flutter di Windows

selamat datang di gurukomline.com, pada seri belajar kali ini gurukomline.com akan membahasa sesuatu yang berbeda yaitu membuat mobile aplikasi baik android dan iOS dengan flutter dengan sekali koding aja.




Apa sih Flutter itu?



Flutter adalah sebuah teknologi yang dibuat oleh Google untuk membangun aplikasi mobile baik Android, atau iOS, web dan desktop (Windows, Mac, Linux) sekaligus dengan hanya melalui satu kode sumber aja, kode ini akan di-compile secara native. Wah keren kan teman-teman kita bisa membuat mobile app dengan sekali koding aja. Yang perlu teman-teman ketahui flutter ini menggunakan bahasa pemrograman Dart.

ok tanpa basa-basi kita lanjut aja teman-teman bagaimana sich cara menginstal flutter ini, ayo ikuti langkah-langkahnya di bawah ini.

Sebelum Instalasi

Oh iya sebelum intalasi flutter, kita harus menyiapkan software yang diperlukan untuk instalasinya ya, yaitu sebagai berikut:

  • Flutter SDK
  • Android Studio
  • Visual Studio Code
  • Xampp Server
  • Git

Instalasi Flutter SDK

Pertama-tama kita download dulu flutter SDK  di link berikut ini download flutter SDK untuk Windows

setelah selesai download flutter SDK nya, kemudian ikuti langkah-langkah instalasi flutter sdk ya :

  • Buatkan folder baru dengan nama "src" di drive C:
  • Copykan file flutter sdk zip ke folder src
  • kemudian Ekstrak file flutter sdk zip di folder src pilih "Extract Here"


  • Selanjutnya setup environment dengan cara ketik env pada pencarian windows kemudian pilih Edit the systems environment variables, perhatikan gambar dibawah ini
  • Pada System Properties pilih tab Advanced, kemudian pilih Environment Variables, perhatikan gambar dibawah ini

  • Pada User Variables pilih Path kemudian klik tombol Edit

  • kemudian klik tombol New, lalu klik tombol browse untuk mencari lokasi folder bin di folder instalasi flutter sdk yang sudah di extract sebelumnya (C:\src\flutter), klik tombol OK, dan klik tombol OK lagi, perhatikan gambar dibawah ini
  • Buka command prompt (cmd) di kolom search, kemudian ketik flutter doctor kemudian tekan enter, untuk melihat status pemasangan flutter sdk
  • dari gambar masih terdapat pesan error dengan tanda [!] karena kita belum menginstal Android Studio di laptop/komputer kita.Langkah selanjutnya kita instal dulu Android Studio

Instalasi Android Studio

Sebelum proses instalasi terlebih dahulu silahkan download Android Studio di link berikut ini https://developer.android.com/studio. Setelah selesai mendownload Android Studio silahkan ikuti langkah-langkah instalasinya, seperti dibawah ini:
  • Pastikan komputer/lapotp sudah terhubung ke internet dengan kualitas jaringan yang cukup bagus, karna dalam proses instalasi akan menggunakan jaringan internet untuk mengunduh beberapa paket tambahan yang dibutuhkan oleh Android Studio.
  • Lakukan install android studio dengan klik dua kali pada file android studio bundle, perhatikan gambar di bawah ini:
  • Pada tampilan pertama proses instalasi android studio, silahkan klik tombol next
  • kemudian tekan tombol Next
  • Pilih destinasi penginstalan, jika tetap menggunakan destinasi default tekan tombol Next
  • Tekan tombol Install dan tunggu hingga proses instalasi selesai
  • klik Finish
  • Pilih Do not import Settings, kemudian klik OK
  • Tekan tombol Next, hingga muncul opsi SDK Components Setup 
  • Tekan tombol Next, dan pastikan koneksi internet tetap menyala kemudian tunggu hingga proses download sdk selesai.
  • Tekan tombol Finish dan start Android Studio
  • Pilih Configure > SDK Manager
  • Pilih tab SDK Tools, ceklis Google USB Driver kemudian tekan tombol OK:
  • Tekan tombol OK
  • Buka command prompt (cmd) ketik flutter doctor untuk melihat status pemasangan flutter sdk
  • Jika muncul error cmdline-tools component is missing, langkah untuk mengatasinya buka Android Studio pilih Configure > SDK Manager, kemudian pada tab SDK Tools, ceklist Android SDK Command-line Tools (latest), klik tombol Apply kemudian Tombol OK sampai proses download selesai.
  • kemudian jalankan lagi command flutter doctor dan tidak ada error lagi


Instalasi Visual Studio Code

Sebelum intalasi silahkan download dulu Visual Studio Code di link berikut ini https://code.visualstudio.com/download  
Berikut adalah langkah-langkah melakukan proses instal Visual Studio Code di Windows
  • Double click pada installer vs code
  • pada halaman pertama instalasi tekan tombol Next
  • Pilih I accept the agreement dan tekan tombol Next
  • Pilih folder pemasangan vs code, jika ingin menggunakan folder default, tekan Next
  • Terakhir tekan tombol Install, tunggu hingga proses pemasangan selesai.
  • Kemudian Aktifkan Extensions dengan cara tekan Ctrl+Shift+X  untuk instal Flutter extension di VS Code
  • Ketik Flutter pada kolom pencarian dan klik tombol Install pada extension flutter
  • setelah selesai pemasangan extension flutter, kembali ke cmd dan ketik command flutter doctor
  • Apabila terlihat seperti gambar di atas, maka vs code sudah bisa digunakan untuk mengembangkan aplikasi flutter.

Subscribe to receive free email updates:

0 Response to "Cara Instalasi Flutter di Windows"

Post a Comment