Tutorial Install Flutter

Tutorial Install Flutter. Flutter merupakan framework garapan Google untuk membuat user interface (UI) Android maupun iOS dalam satu frame sekaligus dengan Dart sebagai bahasa pemrogramannya. Untuk dapat meng-install Flutter, ada beberapa langkah persiapan yang perlu Anda lakukan terlebih dahulu.

Persiapan Install Flutter

System requirements.

  • OS yang digunakan minimal Windows 7 SP1 64-bit, atau Mac dan Linux 64-bit.
  • Disk space untuk Windows minimal 400MB (di luar IDE/tools), untuk Linux minimal 600MB (di luar tools/IDE), dan untuk Mac minimal 700MB.
  • Pastikan sudah meng-install git dan bisa menggunakannya lewat command line.
  1. Install Android Studio.

Tujuannya adalah untuk dependencies yang menyertai agar nantinya bisa menggunakan Editor lain untuk menulis code. Yang dibutuhkan dari Android Studio meliputi Android SDK, Android SDK Platform-Tools, dan Android SDK Build-Tools.



Pastikan juga Anda meng-install Android Studio yang memang sesuai dengan OS yang Anda punya. Dalam dialog box Android Studio Setup Wizard, install ketiga bagian yang sudah disebutkan di atas, atau melalui menu Tools > SDK Manager.

  1. Install Flutter SDK

Di samping meng-install SDK dari Android Studio, Anda juga diharuskan untuk meng-install SDK yang disediakan Flutter. Berikut langkah-langkahnya.

  1. Akses halaman Flutter Install melalui https://flutter.io/get-started/install/, lalu pilih sesuai OS yang Anda gunakan.
  2. Cari bagian Get the Flutter SDK, lalu download SDK dengan mengklik link yang sudah tersedia,
  3. Apabila file SDK sudah di-download, extract file tersebut dan tempat di folder mana saja yang Anda inginkan. Tapi, jika Anda menggunakan Windows, jangan letakkan di dalam folder yang memerlukan permission, misalnya C:/Program Files.
  4. Tambahkan PATH dari file Flutter SDK yang sudah di-extract. Jika Anda menggunakan Windows, file flutter_console.bat harus diletakkan di dalam folder flutter. Klik file tersebut dua kali (double click).
  5. Jalankan command: flutter doctor untuk mengecek jika ada dependencies yang masih belum Anda install.
  1. Setup perangkat Android.

Anda bisa gunakan smartphone Android sebagai emulator langsung dengan langkah-langkah ini:

  1. Pada perangkat Anda, aktifkan Developer Options dan USB Debugging.
  2. Jika Anda menggunakan Windows, install dulu Google USB Driver.
  3. Sambungkan smartphone dengan komputer lewat kabel USB.
  4. Jalankan flutter devices pada terminal, atau dengan command: fluter doctor untuk memastikan perangkat telah terhubung.
  1. Konfigurasi editor.

Terlepas dari bahasa pemrograman yang digunakan, editor berperan penting dalam tahap development. Selain Android Studio, Flutter juga memiliki opsi lain untuk digunakan, yaitu VS Code. Berikut adalah langkah-langkah konfigurasi VS Code:

  1. Pastikan Anda meng-install VS Code dalam versi etrbaru.
  2. Buka View > Command Palette, atau tekan Ctrl + Shift + P.
  3. Dalam kotak yang disediakan, ketik: Extensions: Install Extensions. Klik Enter.
  4. Di dalam kotak pencarian, ketik: flutter. Pilih Flutter, lalu klik Install. Jangan lupa untuk install Dart plugin juga, yang lokasinya ada di paling bawah.
  5. Reload VS Code untuk menggunakan extension yang telah di-install tersebut.
  6. Cek kembali lewat View > Command palette dan ketik: Flutter: Run Flutter Doctor. Pastikan output yang diterima sama persis dengan output ketika Anda running command flutter doctor di terminal sebelumnya.

Install Flutter

Walaupun persiapannya panjang, proses install Flutter sebenarnya singkat. Berikut opsi dan langkah-langkahnya.

  1. Lewat Command Line/Terminal.

Dalam tutorial ini, direktori yang digunakan adalah development dengan langkah sebagai berikut.

  1. Arahkan ke direktori development ada command line.
  2. Gunakan command berikut untuk meng-install Flutter:

$ flutter create namafolderproject

  1. Masuk ke direktori yang baru dibuat dengan command:

$ cd namafolderproject

  1. Jalankan command:

$ flutter run

  1. Tunggu sampai proses building selesai. Jika sukses, Flutter akan langsung terbuka
  1. Lewat Editor (VS Code).

Proses ini tetap menggunakan command line, tapi dimudahkan karena adanya GUI. Berikut caranya.

  1. Buka View > Command Palette, lalu ketik:

Flutter: New Project

  1. Masukkan nama project di dalam kotak yang disediakan, misalnya:

Projectku

  1. Tekan Enter, dan pilih direktori tempat project disimpan.
  2. VS Code akan otomatis membuka jendela baru untuk menjalankan instalasi. Tunggu sampai proses selesai.
  3. Pastikan perangkat terhubung ke komputer atau emulator Anda berjalan. Lalu jalankan Flutter lewat Debug > Start Debugging, atau tekan tombol F5.

Sekian artikel Tutorial Install Flutter, semoga bermanfaat.

Lihat arikel tutorial flutter di siniĀ 

Tinggalkan Balasan

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Kami memberikan tutorial baru tiap harinya !!!

You have Successfully Subscribed!

%d blogger menyukai ini: