Tanggal :4 Agustus 2020
Membuat Project Flutter

Membuat Projek Flutter

Artikel ini bagian ke 7 dari 7 seri dalam artikel berseri "Belajar Flutter"

Assalamualaikum Warohmatulloh Wabarokatuh, setelah semua persiapan untuk develop aplikasi dengan Flutter sudah lengkap, sekarang mari kita mulai. Untuk membuat projek Flutter kita akan gunakan beberapa cara, pertama menggunakan terminal / CLI.

Menggunakan Terminal / CLI

Untuk membuat projek Flutter baru, kita bisa gunakan perintah flutter di bawah ini.

flutter create projek_flutter

Setelah dijalankan, perintah di atas akan membuatkan rangka projek Flutter untuk kita.

Perintah flutter create project
Tampilan setelah menjalankan perintah di atas.

Untuk yang lebih praktis kita bisa gunakan Android Studio atau Visual Studio Code dengan catatan plugins & extensions Flutter sudah dipasang.

Membuat Projek Flutter Dengan Android Studio

Untuk kawan kawan ingin membuat projek Flutter dengan lebih praktis tanpa membuka terminal. Android Studio dengan plugins Flutter bisa membuatkan projek Flutter untuk kita.

Pertama, buka Android Studio akan muncul halaman awal Android Studio, jika sudah terinstal plugins Flutter maka akan ada opsi “Start a new Flutter Project“, klik aja.

Flutter Android Studio
Halaman awal Android Studio.

Jika sudah diklik, akan muncul jendela untuk memilih tipe projek yang akan dibuat, pilih “Flutter Application” dan klik “Next“.

Flutter Android Studio
Pilihan tipe projek Flutter.

Setelahnya, kita diminta untuk memberikan informasi tentang aplikasi yang akan kita buat. Jika pada bagian “Flutter SDK Path” masih kosong, kawan kawan bisa cari dan arahkan ke lokasi kawan kawan menginstal Flutter SDK.

Flutter Android Studio
Jendela untuk mengisi detail projek Flutter.

Dan yang terakhir kita diminta untuk mendefinisikan nama package dari aplikasi yang akan kita buat, dan ada opsi untuk dukungan Kotlin / Swift pilih sesuai kebutuhan.

Membuat Projek Flutter Android Studio
Tampilan penamaan package.

Proses membuatnya lebih panjang ya? tapi dengan GUI untuk sebagian orang cara ini lebih nyaman & praktis.

Membuat Projek Flutter Dengan Visual Studio Code

Pertama pastikan kawan kawan sudah menginstal ekstensi Flutter untuk Visual Studio Code. Dan untuk membuat projek Flutter dengan Visual Studio Code, pertama buka dulu VS Code, kemudian buka command pallete dengan menekan ctrl + shit + p atau cmd + shif + p untuk pengguna mac OS kemudian ketikkan “flutter” dan pilih “Flutter: New Project“.

Membuat Projek Flutter VS Code
Buat Projek Baru Flutter

Kemudian setelah menekan enter, akan keluar dialog untuk memberikan nama projek, kemudian tulis nama projek kawan kawan dan

Visual Studio Code Flutter
Memberi Nama Projek Flutter

Catatan Dalam Penamaan Projek

Dalam penamaan projek Flutter ada beberapa hal yang perlu diketahui, jika tidak maka akan terjadi error.

  • Penamaa projek hanya satu kata.
  • Jika lebih dari satu kata gunakan pemisah underscore ( _ ), contoh : projek_flutter.
  • Jangan gunakan spasi atau dash ( - ) untuk pemisah kata di nama projek Flutter.

Sekian pembahasan tentang cara instal projek Flutter dengan berbagai macam cara, semoga bermanfaat.

Wassalamualaikum Warohmatulloh Wabarokatuh.

Hi Saya Amirul, Saya mengajarkan koding melalui screencast di Kawan Koding, saya juga menulis Artikel di Kawan Koding.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *