Flutter : Menghapus semua komentar pada project awal Flutter dengan Cepat
Hai, setelah menulis artikel tentang Membuat Aplikasi Klon UI Seperti Grab yang baru selesai sebanyak tujuh bagian dan akan masih ada bagian lanjutan, saya ingin menyelingi dan berbagi tentang hal kecil dalam proses pembuatan dan pengembangan aplikasi dengan menggunakan Flutter.
Membuat project baru pada Flutter dapat menggunakan interface pada android studio atau plugin pada visual studio code dengan menggunakan combinasi command + shift + p (pada mac) atau ctrl + shift +p ( pada windows) kemudian memilih Flutter: New Project lalu mengetikkan nama project dan lokasi penyimpanan. Atau juga bisa dengan menggunakan command line dengan perintah “flutter create your_project_name” pada direktori penyimpimpanan yang diinginkan.
Cara-cara tersebut akan men-generate-kan project awal berupa counter app lengkap dengan keterangan pada kodenya sebagai keterangan. Sebagai pemula yang baru mempelajari Flutter, komentar-komentar tersebut sangatlah membantu. Akan tetapi, setelah belajar lebih jauh dan membuat berbagai proyek Flutter, rasanya cukup merepotkan jika setiap membuat proyek Flutter lain harus menghapus komentar-komentar tesebut satu-persatu dan berulang-ulang.
Ada dua file utama yang pastinya akan digunakan dan mengandung komentar, yaitu main.dart dan pubspec.yaml di setiap proyek Flutter. Tentunya sebelum masuk ke pembuatan aplikasi, berkas main.dart akan dibersihkan terlebih dahulu atau diganti total. Sementara pubspec.yaml akan dibersihkan seperlunya.
Cara mainstream untuk menghapus komentar tersebut adalah dengan melakukan blok semua komentar kemudian menekan tombol hapus pada keyboard. Dengan komentar yang berselang-seling dengan kode yang akan digunakan, tentu akan dilakukan berkali-kali. Ada suatu cara yang dapat digunakan untuk memudahkan pekerjaan tersebut, yaitu dengan menggunakan Find and Replace dan Regex.
Find and Replace.
Find and Replace dapat di akses dengan menggunakan toolbar pada IDE atau editor yang digunakan, yaitu melalui Edit > Replace. Akan tetapi bisa juga diakses dengan menggunakan shortcut keyboard. Saya biasanya lebih memilih menggunakan shortcut, karena dengan shortcut, tidak perlu mengangkat jari dari keyboard dan tidak menggunakan touchpad/mousepad ataupun mouse. Hal ini semata-mata karena ingin lebih efektif dan lebih produktif. Find and Replace dapat diakses dengan shortcut command + options + F atau ctrl + shift + R. Nanti akan muncul sebuah interface berupa dua kolom untuk input text.
RegEx
Komentar pada starter project Flutter menggunakan dua jenis syntax komentar, yaitu dengan // (double slash) dan # (hash sign). Aktifkan opsi RegEx pada kolom find dengan klik simbol .* pada akhir kolom.
Untuk main.dart yang menggunakan double slash, gunakan regex berikut : \/\/.*
Semua komentar akan terblok setelah menuliskan RegEx. Biarkan saja koom replace kosong. Selanjutnya klik ikon replace all, yaitu ikon yang berada di paling ujung kanan kolom replace. Setelahnya semua komentar akan terhapus. Proses replace tersebut akan menyebabkan baris kosong. Cukup jalankan Reformat code dengan Prettier yang telah diinstall dan kode akan terstruktur dengan rapi.
Untuk pubspec.yaml yang menggunakan hash sign, gunakan regex berikut : #.*
Sebelum menghapus komentar pada pubspec.yaml, pastikan teman-teman telah menyisakan atau uncomment bagian yang penting, seperti asset, font dll. Akan tetapi, jika teman-teman sudah ingat diluar kepala cara penulisan dan keyword yang digunakan, silahkan saja dihapus semua. Untuk menghapus komentar, sama dengan cara sebelumnya, yaitu dengan klik ikon replace all. Akan terdapat baris kosong juga, Reformat code untuk merapikan.
Starter project Flutter telah bebas dari komentar dengan beberapa langkah saja.
Tips Trik lain dalam pengembangan menggunakan Flutter yang saya sarankan adalah dengan menginstall beberapa plugin yang dapat memudahkan pekerjaan. Seperti yang teman-teman lihat, bagian kiri vs code saya terdapat tambahan ikon hasil instalasi beberapa plugin. Pada artikel lain akan saya coba menuliskan daftar beberapa plugin yang sangat membantu untuk Flutter.
