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.
: