Instalasi IDE

 Anda dapat membuat aplikasi dengan Flutter menggunakan editor teks yang dikombinasikan dengan command-line tools. Namun, sebaiknya gunakan salah satu plugin editor yang direkomendasikan untuk pengalaman yang lebih baik. Plugin ini memiliki fitur seperti penyelesaian kode, penyorotan sintaks, bantuan pengeditan widget, dukungan untuk menjalankan & debug, dan masih banyak lagi.

Instalasi Android Studio sangat dibutuhkan untuk membuat aplikasi Android dengan Flutter, tetapi alternatifnya instal saja Java SDK dan Android SDK sendiri.

Jika sudah menginstal Android Studio, disarankan untuk tidak menginstal Java secara terpisah dan environment Android lainnya seperti ANDROID_HOME atau ANDROID_SDK_ROOT. Jika sudah telanjur terinstal dan terjadi eror android licenses pada flutter doctor, cobalah untuk uninstall Java package tersebut.

Ikuti langkah-langkah di bawah ini untuk menambahkan plugin editor untuk Android Studio, IntelliJ, dan Visual Studio Code.

20200615154144ee9fc2de8882db306659a98e0be6d8bd.png

Visual Studio Code (VSCode) adalah editor ringan untuk mengkombinasikan baris perintah khususnya aplikasi Flutter dan dilengkapi dukungan debugging. 

Untuk mengunduh Visual Studio Code, kunjungi tautan https://code.visualstudio.com/download.

Berikut adalah cara instalasi plugin Flutter dan Dart di VSCode:
  1. Buka aplikasi Visual Studio Code yang telah diinstal sebelumnya.
  2. Kemudian aktifkan Command Line dengan cara pilih View > Command Pallete…
    20200615115544477f6dfb105f86dae3b30e53683ff506.jpeg
  3. Ketik “Install” lalu pilih Extensions: Install Extensions.
    202006151155447ee4294f077eb2b83e4354a6da4f4bad.jpeg
  4. Atau langsung klik pada tab Extensions yang ada pada bagian kiri.
    20200615115544fea158635cbfc255f43e33b064074fc2.jpeg
  5. Ketik “Flutter” pada bidang pencarian Extensions, dan pilih Flutter dalam daftar ekstensi yang tersedia. Kemudian klik tombol Install. Secara otomatis plugin Dart juga akan terinstal.
    20200615115546978bc404266cb1d7be29a205e1edfad5.jpeg
  6. Klik Reload to Activate untuk memuat ulang VSCode.

Setelah selesai, lakukan validasi plugin Flutter di VSCode dengan cara berikut :

  1. Aktifkan Command Line dengan cara pilih View>Command Pallete…
  2. Ketik “doctor”, lalu pilih Flutter: Run Flutter Doctor.
    202006151155446de1efd431edf5ca2999c046b087ce9b.jpeg
  3. Tinjau panel OUTPUT untuk melihat masalah apapun.
    202006151155456a5cb0ddd903ee29bd49a354600cd19d.jpeg


Instalasi XCode + Simulator

Untuk menjalankan aplikasi Flutter di dalam iOS, diperlukan instalasi XCode terlebih dahulu. XCode adalah IDE yang digunakan untuk mengembangkan dan men-deploy aplikasi iOS.

Yang harus dilakukan untuk mengembangkan aplikasi iOS menggunakan Flutter adalah: 

  1. Unduh XCode, bisa Anda unduh langsung dari AppStore.
  2. Buka terminal dan masukkan perintah di bawah ini:Perintah ini akan memastikan bahwa operasi command-line tools di XCode akan menggunakan versi terbarunya.
    1. sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
    2. sudo xcodebuild -runFirstLaunch

  1. Terakhir, sign XCode license agreement-nya dengan membuka XCode dan konfirmasi. Atau bisa juga sign dengan menggunakan terminal dan jalankan perintah ini:

    1. sudo xcodebuild -license

Pastikan juga untuk selalu mengunduh dan memperbarui versi XCode Anda, karena Flutter tidak support versi XCode yang lama.

Catatan: Perlu diketahui bahwa XCode di sini hanya dibutuhkan untuk proses debugging dan deployment saja. Untuk saat ini belum bisa digunakan untuk editing kode program aplikasi Flutter di dalam XCode.

Jadi jika Anda ingin mengembangkan aplikasi iOS menggunakan Flutter, yang disarankan adalah:

  • Instalasi Android Studio atau Visual Studio Code.
  • Tetap instalasi XCode.
  • Lakukan editing kode program di Android Studio atau VIsual Studio Code.
  • Jalankan aplikasi menggunakan Android Studio, Visual Studio Code, atau terminal/cmd.