Membuat Aplikasi Halo Dunia di VS Code

Membuat Aplikasi Halo Dunia di VS Code

Assalamu'alaikum wr wb

Hai teman-teman!

Kali ini saya akan membahas cara membuat aplikasi Halo Dunia berbasis android di VS Code. Sebelumnya teman-teman harus menginstal terlebih dahulu aplikasi flutter dan terkoneksi dengan internet. Langsung saja saya jelaskan langkah kerjanya

1. Buka aplikasi VS Code


2. Akses menu view > Command Palette


3. Pada command pallete ketik Flutter: New Aplication Project


4. Pilih lokasi penyimpanan

5. Buat nama aplikasi

(Catatan: jangan gunakan huruf kapital dan spasi)

6. tunggu hingga proses build aplikasi selesai

7. Akan muncul jendela project yang baru saja dibuat. Jalankan projek tersebut, dengan menekan tombol Play.


 (Catatan : Pastikan bahwa VS Code telah terkoneksi dengan perangkat mobile maupun virtual)

Cara menghubungkan perangkat mobile dengan aplikasi VS Code

  • Buka Pengaturan > Tentang Ponsel > Informasi Perangkat Lunak

  • Tekan 7 kali pada Nomor Versi sampai muncul notifikasi bahwa mode pengembangan telah aktif

  • Pada pengaturan buka Pilihan Pengembangan lalu aktifkan Debugging USB


8. setelah menekan tombol play, tekan Run and Debug. Proses build cukup lama(tergantung koneksi internet)



Output Program

9. Hapus script yang ada pada file main.dart dan salin kode dibawah ini.

10. komentari semua script pada folder test di file widget_test.dart

11. Lakukan langkah nomor 8




Output Aplikasi Halo Dunia




Sekian Penjelasan dari saya, semoga teman-teman dapat memahaminya.
Wassalamu'alaikum Wr Wb






Komentar

Posting Komentar