Scribd
Unggah
108 tayangan8 halaman

Membuat Project Flutter Baru

Dokumen memberikan instruksi langkah demi langkah untuk membuat proyek Flutter baru menggunakan Visual Studio Code dan melakukan debugging pada perangkat seluler yang terhubung ke komputer. Langkah-langkah utama meliputi membuat proyek Flutter baru, mengaktifkan mode pengembang dan debugging USB pada perangkat seluler, serta menjalankan aplikasi Flutter di perangkat seluler melalui Visual Studio Code.

Diunggah oleh

Hanifa jauza
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
108 tayangan8 halaman

Membuat Project Flutter Baru

Dokumen memberikan instruksi langkah demi langkah untuk membuat proyek Flutter baru menggunakan Visual Studio Code dan melakukan debugging pada perangkat seluler yang terhubung ke komputer. Langkah-langkah utama meliputi membuat proyek Flutter baru, mengaktifkan mode pengembang dan debugging USB pada perangkat seluler, serta menjalankan aplikasi Flutter di perangkat seluler melalui Visual Studio Code.

Diunggah oleh

Hanifa jauza
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 8

FLUTTER

1. Buka Visual Studio Code


2. Pada menu view, pilih command pallete atau bisa menggunakan shortcutnya seperti pada
gambar dibawah ini

Setelah itu akan tampil seperti gambar berikut, ketikkan flutter dan pilih flutter new project
Kemudian pilih application

Pilih lokasi penyimpanan project yang akan dibuat


Beri nama project baru kalian, kemudian tekan enter

Pilih yes I trust


3. Tunggu hingga proses selesai dan akan tampil beberapa folder dan file seperti gambar
berikut

4. Siapkan perangkat seluler kalian, aktifkan mode pengembang dengan mengikuti tutorial
pada website berikut (android : https://developer.android.com/studio/debug/dev-
options?hl=id | iphone : https://www.wikihow.com/Enable-Developer-Mode-on-an-
iPhone)
5. Kemudian aktifkan usb debugging (tampilan dapat berbeda setiap perangkat)

6. Hubungkan perangkat seluler kalian dengan laptop atau computer dengan kabel usb
7. Perangkat seluler kalian akan menampilkan pop up window seperti gambar berikut. Pilih
allow.
8. Buka visual studio kalian, pilih bagian yang ditandai warna merah berikut, jika berhasil,
maka nama perangkat kalian akan tampil pada bagian yang diberi tanda berwarna kuning
pada gambar selanjutnya.
9. Setelah perangkat seluler kalian terpilih, jalankan main.dart pada visual studio code,
tunggu beberapa saat (proses ini memerlukan waktu bergantung perangkat computer atau
laptop kalian)
10. Setelah berhasil, perangkat seluler kalian akan menampilkan hasil debug seperti gambar
dibawah ini. Coba tekan tombol tambah pada pojok kanan bawah tampilan tersebut.

(kiri tampilan awal, kanan tampilan setelah menekan tombol tambah sebanyak 18 kali.
11. Untuk menghentikan debugging, tekan tombol stop pada visual studio (tombol berbentuk
persegi berwarna merah)

Anda mungkin juga menyukai