Cara Instalasi Flutter di Windows, Linux dan Mac

Instalasi Flutter

Seperti yang kita tahu, Flutter memungkinkan kita membuat aplikasi yang bisa berjalan di berbagai platform, mulai dari mobile, web, dan desktop. 
Pada kelas ini kita akan lebih banyak fokus menggunakan Flutter untuk mengembangkan aplikasi mobile (Android dan iOS). 

Sebelum memulai tentunya kita perlu menyiapkan dan menginstal tools apa saja yang dibutuhkan untuk membuat aplikasi Flutter.
Untuk melakukan instalasi Flutter, ada perbedaan cara di setiap sistem operasi. Simak caranya berikut ini sesuai dengan sistem operasi yang Anda gunakan.

Persyaratan Minimum

Sebelum melakukan instalasi dan menjalankan Flutter, perangkat milik Anda harus memenuhi persyaratan minimum seperti di bawah ini:
2020061515204436f70d01b7c87b0441de2a2894baddd5.png
Jika Git untuk Windows sudah diinstal, pastikan Anda dapat menjalankan perintah git dari Command Prompt (CMD) atau PowerShell.

20200615151548e4513d939e14839fd0cc4e8ae92f3ded.png
  • Sistem Operasi : Mac OS X 64-bit.
  • Ruang penyimpanan : 2.8 GB dan tidak termasuk IDE dan tools lainnya.
  • Flutter tergantung pada command-line tools ini yang tersedia di environment:
    • bash
    • curl
    • git 2.x
    • Mkdir 
    • rm
    • unzip
    • which

202006151516005b66ff3befe3600cf3f5d31a7846f6fb.png
  • Sistem Operasi : Linux 64-bit.
  • Ruang penyimpanan : 1.8 GB dan tidak termasuk IDE dan tools lainnya.
  • Flutter tergantung pada command-line tools ini yang tersedia di environment:
    • bash
    • curl
    • git 2.x
    • mkdir
    • rm
    • unzip
    • which
    • xz-utils
  • Shared Libraries : Perintah test pada Flutter tergantung pada library yang tersedia di environment.
    • libGLU.so.1 - disediakan oleh mesa packages seperti, libglu1-mesa di Ubuntu/Deb

Flutter SDK

Setelah persyaratan minimum terpenuhi, Anda dapat mulai melakukan instalasi Flutter SDK. Cara untuk mendapatkan Flutter SDK sebagai berikut:
  1. Unduh paket instalasi untuk mendapatkan versi stabil terbaru dari Flutter SDK di alamat web https://flutter.dev/docs/development/tools/sdk/releases. Ambil versi terbaru pada stable channel sesuai sistem operasi yang digunakan.
  2. Ekstrak berkas zip dan tempatkan folder flutter pada lokasi instalasi yang diinginkan untuk Flutter SDK. Misalnya C:\Development, jangan pasang Flutter di direktori seperti C:\Program Files atau yang membutuhkan hak istimewa seperti administrator.
  3. Temukan berkas flutter_console.bat di dalam direktori flutter tersebut. Mulai dengan klik dua kali atau jalankan script tersebut dan Anda sekarang siap untuk menjalankan perintah Flutter di Flutter Console.202006101131070f740c0b99f5711865b603c906e79bc8.jpeg
  4. Tampilan dari flutter_console.bat seperti di bawah ini:
    2020061011314434d70709c2e6fee6cd9e72ec51c11122.jpeg 
  1. Unduh paket instalasi untuk mendapatkan versi stabil terbaru dari Flutter SDK di alamat web https://flutter.dev/docs/development/tools/sdk/releases, ambil versi terbaru pada stable channel sesuai sistem operasi yang digunakan.
  2. Ekstrak berkas zip tersebut dan tempatkan folder flutter pada lokasi instalasi yang diinginkan untuk Flutter SDK. Misalnya ~/development.
  3. Tambahkan Flutter Tools pada PATH Anda.


    1. export PATH="$PATH:~/development/flutter/bin"



  1. Unduh paket instalasi untuk mendapatkan versi stabil terbaru dari Flutter SDK di alamat web https://flutter.dev/docs/development/tools/sdk/releases, ambil versi terbaru pada stable channel sesuai sistem operasi yang digunakan.
  2. Ekstrak berkas zip tersebut dan tempatkan folder flutter pada lokasi instalasi yang diinginkan untuk Flutter SDK. Misalnya ~/development.
  3. Tambahkan Flutter Tools pada PATH Anda


    1. export PATH="$PATH:~/development/flutter/bin"


Update Path

Langkah selanjutnya kita akan melakukan update path supaya perintah Flutter bisa digunakan pada command prompt/terminal. Berikut langkah-langkahnya:
Jika Anda ingin menjalankan perintah Flutter di console Windows biasa (CMD/Command Prompt/PowerShell), lakukan langkah-langkah ini untuk menambahkan Flutter ke environment variable PATH:
  1. Dari bar pencarian di Start menu, ketik ‘env’ dan pilih Edit Environment Variable untuk akun Anda.
    202006101206155a71e83adcf8b6f6215bc177e388f952.jpeg
  2. Klik pada tombol Environment Variables...
    2020061012061449b8a5029acec12bf39f297aa8498824.jpeg
  3. Di bawah User Variabel periksa apakah ada entri yang disebut PATH, jika ada maka pilih lalu edit, jika tidak ada maka buat baru dengan nama variabel Path.
    202006101206156459086dbe93f73f44ac9c36920d2372.jpeg
  4. Edit atau tambahkan value nya dengan direktori Flutter SDK.
    • Jika terdapat entri, tambahkan path lengkap ke flutter\bin menggunakan tanda titik koma (;) sebagai pemisah dari nilai yang ada (jika menggunakan mode edit satu baris).
    • Jika entri tidak ditemukan, buat user variabel baru dan beri nama Path dan beri nilai flutter\bin sebagai nilainya.
      202006101207271e7bef6fb113a55b53786d237bcc8035.jpeg

      20200610120737ae597d11817c59bc0d02693ac04b96e7.jpeg 
Perhatikan bahwa Anda harus menutup dan membuka kembali semua jendela konsol yang ada agar perubahan dapat terlihat.
Anda dapat memperbarui variabel PATH, hanya untuk sesi saat ini di command-line atau sementara, Anda mungkin ingin memperbarui variabel secara permanen, sehingga dapat menjalankan perintah flutter di sesi terminal apa pun.
Langkah-langkah untuk memodifikasi variabel ini secara permanen untuk semua sesi terminal adalah machine-specific. Biasanya Anda akan menambahkan baris ke file yang dieksekusi setiap kali Anda membuka jendela baru. Sebagai contoh:
  1. Tentukan direktori tempat Anda meletakkan Flutter SDK. Anda akan membutuhkannya di tahap ke 3 contoh ini.
  2. Buka (atau buat) $HOME/.bash_profile. Direktori dan nama file mungkin berbeda pada perangkat Anda (bisa .profile, .bash_profile, .zshrc, .bashrc, atau yang lainnya).
  3. Tambahkan baris berikut dan ubah [FLUTTER_DIRECTORY] menjadi direktori dimana Anda menaruh Flutter SDK pada bagian sebelumnya.


    1. export PATH="$PATH:[FLUTTER_DIRECTORY]/flutter/bin"


  4. Jalankan source $HOME/.bash_profile untuk memuat ulang jendela saat ini.
  5. Pastikan direktori flutter/bin sekarang ada di PATH Anda dengan cara menjalankan perintah.


    1. echo $PATH



Anda dapat memperbarui variabel PATH, hanya untuk sesi saat ini di command-line atau sementara, Anda mungkin ingin memperbarui variabel secara permanen. 

Dengan ini, Anda  dapat menjalankan perintah flutter di sesi terminal apa pun.
Langkah-langkah untuk memodifikasi variabel ini secara permanen untuk semua sesi terminal adalah machine-specific.
 Biasanya Anda akan menambahkan baris ke file yang dieksekusi setiap kali Anda membuka jendela baru. Sebagai contoh:
  1. Tentukan direktori tempat Anda meletakkan Flutter SDK. Anda akan membutuhkannya di tahap ke 3 contoh ini.
  2. Buka (atau buat) $HOME/.bash_profile. Direktori dan nama file mungkin berbeda pada perangkat Anda (bisa .profile, .bash_profile, .zshrc, .bashrc, atau yang lainnya).
  3. Tambahkan baris berikut dan ubah [FLUTTER_DIRECTORY] menjadi direktori dimana Anda menaruh Flutter SDK pada bagian sebelumnya:


    1. export PATH="$PATH:[FLUTTER_DIRECTORY]/flutter/bin"


  4. Jalankan source $HOME/.bash_profile untuk memuat ulang jendela saat ini.
  5. Pastikan direktori flutter/bin sekarang ada di PATH Anda dengan cara menjalankan perintah.


    1. echo $PATH




Flutter Doctor

Flutter doctor adalah perintah untuk cek kelengkapan framework Flutter yang Anda gunakan seperti, versi Flutter yang digunakan, Android SDK yang digunakan, iOS SDK yang digunakan (hanya pada MacOS), perangkat yang sudah terhubung, dan semacamnya.  
Periksa kembali dan pastikan dependensi untuk pengaturan sudah lengkap. Untuk output verbose tambahkan flag verbose, -v atau --verbose. Kemudian jalankan perintah berikut:


  1. flutter doctor





Perintah ini memeriksa environment Anda dan menampilkan laporan ke jendela terminal. 
Pada Flutter SDK sudah terdapat Dart SDK, jadi Anda tidak perlu menginstal Dart secara terpisah. 
Periksa output dengan cermat untuk perangkat lunak lain yang mungkin perlu Anda instal atau melakukan sesuatu lebih lanjut (ditunjukkan dalam teks tebal).
Contoh :
[-] Android toolchain - develop for Android devices
• Android SDK at D:\Android\sdk
**✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ**
• Try re-installing or updating your Android SDK,
    visit https://flutter.io/setup/#android-setup for detailed instructions.
Bagian tersebut menjelaskan cara menyelesaikan proses instalasi Flutter SDK. Setelah memasang dependensi yang hilang, jalankan perintah flutter doctor lagi untuk memverifikasi bahwa Anda telah mengatur semuanya dengan benar.

*

Post a Comment (0)
Previous Post Next Post