Cara Instalasi IDE Untuk Flutter

Untuk menginstal IDE (Integrated Development Environment) yang direkomendasikan untuk pengembangan Flutter, berikut langkah-langkahnya:

1. Android Studio:

   • Unduh dan instal Android Studio dari situs resminya: https://developer.android.com/studio.
   • Buka Android Studio dan buka pengaturan (Settings).
   • Di dalam pengaturan, pilih tab "Plugins".
   • Cari plugin "Flutter" dan instal.
   • Setelah instalasi selesai, Anda akan diminta untuk menginstal Dart plugin juga. Lanjutkan dengan menginstal plugin Dart.
   • Restart Android Studio untuk menerapkan perubahan.

2. IntelliJ IDEA:

   • Unduh dan instal IntelliJ IDEA dari situs resminya: https://www.jetbrains.com/idea/.
   • Buka IntelliJ IDEA dan buka pengaturan (Settings).
   • Di dalam pengaturan, pilih tab "Plugins".
   • Cari plugin "Flutter" dan instal.
   • Setelah instalasi selesai, Anda akan diminta untuk menginstal plugin Dart juga. Lanjutkan dengan menginstal plugin Dart.
   • Restart IntelliJ IDEA untuk menerapkan perubahan.

3. Visual Studio Code (VS Code):

   • Unduh dan instal Visual Studio Code dari situs resminya: https://code.visualstudio.com/.
   • Buka VS Code dan buka Extensions Marketplace dengan menekan Ctrl+Shift+X (Windows/Linux) atau Cmd+Shift+X (Mac).
   • Cari ekstensi "Flutter" dan instal.
   • Setelah instalasi selesai, Anda akan diminta untuk menginstal ekstensi Dart juga. Lanjutkan dengan menginstal ekstensi Dart.
   • Restart VS Code untuk menerapkan perubahan.

Setelah menginstal plugin Flutter dan Dart di IDE Anda, Anda siap untuk mulai mengembangkan aplikasi Flutter dengan lebih mudah dan efisien. Pastikan Anda juga telah menginstal SDK yang diperlukan dan konfigurasi lingkungan pengembangan Anda sesuai kebutuhan.

• Android Studio/IntelliJ
• 
  

Android Studio dan IntelliJ menawarkan pengalaman IDE yang terintegrasi lengkap dengan plugin khusus untuk Flutter. Untuk mengunduh Android Studio, Anda dapat mengunjungi tautan https://developer.android.com/studio. 

Sedangkan jika Anda memilih Intellij maka dapat melalui tautan https://www.jetbrains.com/idea/download/.

Anda pengguna Android Studio versi 3.6 atau yang lebih baru? Pasang Android SDK Tools versi lama (26.1.1 atau lebih lama) secara manual agar Flutter dapat berjalan dengan baik. Jika tidak muncul, silakan unchecklist Hide Obsolete Packages.

1. Pertama, buka terlebih dahulu Android Studio/IntelliJ.
2. Jika menggunakan Android Studio, pada halaman home Anda bisa temukan Configure di bagian pojok kanan bawah, Jika tidak terlihat, tampilkan mode full window.
   
3.  Pilih Plugins
    
4. Jika menggunakan Intellij dengan MacOS langkahnya  Android Studio > Preferences… > Plugins
   
5. Kemudian ketik Flutter pada pencarian plugins dan instal. Saat Anda melakukan instalasi plugin Flutter maka secara otomatis Dart juga ikut terinstal.
6. Jika menggunakan Intellij dengan OS Windows atau Linux langkahnya yaitu, File > Settings > Plugins
   
7. Cari plugin Flutter dan klik Install.
   
8. Klik Yes ketika diminta untuk menginstal plugin Dart.
9. Klik Restart saat diminta. Jika tidak, muat ulang secara manual aplikasi Android Studio/IntelliJ.

• Visual Studio Code

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…
   
3. Ketik “Install” lalu pilih Extensions: Install Extensions.
   
4. Atau langsung klik pada tab Extensions yang ada pada bagian kiri.
   
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.
   
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.
   
3. Tinjau panel OUTPUT untuk melihat masalah apapun.
   

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.
   
   

   
   sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
   sudo xcodebuild -runFirstLaunch
   
   

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

   
   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.
• Running aplikasi menggunakan Android Studio, Visual Studio Code, atau terminal/cmd

Muhammad Noviyanto

Alumni Teknik Informatika, Universitas Islam Negeri Alauddin Makassar, Angkatan 2013.

Subscribe to receive free email updates: