“CARA MENGGUNAKAN VISUAL STUDIO CODE UNTUK CODING
ANDROID DENGAN FLUTTER”
1. Install Extension Flutter di VS CODE
Masuk ke manu extension, lalu ketik flutter.
Setelah itu silahkan reload atau buka ulang VS Code…
Setelah menginstal extension, kita akan bisa menggunakan beberapa perintah
seperti:
1. Membuat Project Baru
2. Menjalankan perintah flutter doctor
3. Menjalankan Update
Cara mengakses perintah-perintah ini, tekan Ctrl+Shift+P lalu
ketik flutter.
2. Membuat Project Flutter di VS CODE
Cara membuat project Flutter di VS Code:
Tekan tombol Ctrl+Shift+P, lalu pilih New Project.
Kemudian akan diminta nama “Project”. Contoh nama project: petani_kode. Lalu
menentukan lokasi penyimpanan project.
“Tunggu proses pembuatan project sampai selesai”
3. Emulator untuk Flutter
Ada 3 macam jenis Emulator:
a. Emulator Bawaan Android Studio
b. HP Sendiri dengan menyambungkan kabel USB -> API yang digunakan
tergantung dengan “Versi OS HP Sendiri”
c. Genymotion
Buat yang ingin menggunakan emulator android studio, merekomendasikan
menginstal image API level 28. Buka Android Studio, Klik ikon Android SDK
Manager:
Kemudian install image untuk API Level 28:
Setelah terinstal, buatlah emulator baru dengan image tersebut. Buka Android
Virtial Device (AVD) dari Android Studio:
Klik Create New Virtual Device:
Kemudian pilih jenis prangkat yang diinginkan:
Berikutnya pilih system image yang akan digunakan:
Terakhir, tentukan nama AVD atau emulatornya:
4. Menjalankan Aplikasi Flutter
Kembali ke project Flutter yang di VS Code. Coba tekan Ctrl+Shift+P lalu
ketik flutter dan pilih Launch Emulator.
Kemudian pilih emulator yang akan dibuka.
Tunggu beberapa saat sampai emulatornya terbuka seperti ini:
Sekarang, kita sudah siap menjalankan aplikasi Flutter-nya di emulator. Tekan
lagi tombol Ctrl+Shift+P, kemudian pilih Select Device untuk memilih
emulator yang sedang berjalan.
Terakhir, masuk ke menu Debug kemudian klik Run.
5. Emulator Menggunakan HP
Caranya:
1. Hubungkan komputer dengan hp menggunakan kebel data;
2. Pastikan Hp-nya sudah diaktifkan developer options dan
debugging;
3. Jalankan perintah Flutter Doctor dari VS Code;
Jika muncul seperti ini:
Berarti Hp kita sudah terdeteksi dan siap digunakan untuk menjalankan
aplikasi Flutter.
4. Coba jalankan aplikasi flutter;
5. Selesai.
Sumber : https://www.petanikode.com/flutter-vscode/
Menghubungkan Nox dengan VSCODE:
D:\Program Files\Nox\bin>nox_adb.exe connect 127.0.0.1:62001
adb server version (41) doesn't match this client (36); killing...
* daemon started successfully *
connected to 127.0.0.1:62001
