Belajar Dart Flutter : Membuat Aplikasi Pertama kali dengan Flutter - Karena Belajar

Kali ini kita akan membuat pertama kali sebuah aplikasi atau program dengan menggunakan bahasa pemrograman dart dengan flutter di Aplikasi Visual Studio Code 

1. Membuat Folder Untuk Menyimpan Aplikasi

Pertama kita membuat folder untuk aplikasi-aplikasi yang akan kita buat untuk path foldernya saya sarankan jangan sulit atau ribet disini saya membuat folder dengan path D:\flutter project supaya mempermudah dalam memasukan path di dalam terminal nanti dan buka VS Codenya.

2. Membuat Aplikasi Baru

Cara ini bisa dilakukan dari Power Shell atau terminal VS Codenya asalkan Environment Variables -nya sudah di Path disini saya akan contohkan di terminal VS Code Pertama buka terminal VS Code dengan cara memilih Terminal > New Terminal seperti gambar dibawah.

Pastikan kita berada di folder yang sudah dengan memasukan perintah di terminal

D:

cd '.\flutter project\'

Seperti gambar dibawah ini

Disini saya membuat folder flutter project yang berada di disk D, selanjutnya kita buat aplikasi baru dengan memberi perintah di terminal 

flutter create aplikasihello

Disini saya ingin membuat aplikasi baru bernama aplikasihello sesuai dengan gambar di bawah.

Setelah proses pembuatan selesai kita buka folder aplikasi dengan cara pilih File > Open Folder lalu pilih folder aplikasi yang sudah kita buat.

Setelah terbuka tampilan akan berubah menjadi gambar di bawah dan aplikasi default sudah terbuat.

Dan code utama berada di lib > main.dart disana biasa para developer mengembangkan code serta script.

3. Menjalankan Aplikasi

1. Menggunakan Command Line

Pastikan terminal berada di aplikasi yang kita buat buka Terminal di VS Code lagi dengan cara yang dijelaskan diatas dan masukan perintah

flutter run

Dan tampilan terminal akan menjadi seperti ini

Disini kita memilih dimana aplikasi akan dijalankan di komputer saya tidak ada aplikasi emulator android  makanya tidak ada pilihannya yang ada browser chrome jadi tampilan tergantung dengan aplikasi apa saja yang tersedia disini saya akan memilih dengan chrome maka ketikan Pilihan tunggu beberapa saat dan tampilan akan muncul di browser.

Supaya tampilan lebih smartphone maka klik kanan > inspect

Dan aplikasi akan menjadi tampilan seperti gambar dibawah.

Lalu pilih icon Toogle device toolbar yang di kotak merah pada gambar dan tampilan akan menjadi gambar dibawah tinggal pilih tampilan smartphone mana yang akan ditampilkan.

Sekian yang dapat saya sampaikan terima kasih telah membaca artikel ini bila teman-teman suka dengan konten ini teman-teman bisa mengikuti blog ini dengan mengklik tombol ikuti di bawah dan bila ada saran dan pertanyaan bisa disampaikan di kolom komentar.