Membuat Project Electron Menggunakan Vuetify

Ini adalah catatan untuk membuat aplikasi desktop menggunakan electron sebagai framework utama dan vuetify bertugas untuk menanganitampilan UI/UXnya. Sebetulnya ini adalah project pertamaku untuk membuat aplikasi desktop yang harus segera rilis untuk production dalam waktu kurang dari sebulan.

Untuk mengikuti catatan ini perlu menginstall vue-cli minimal versi 3. Baca catatan sebelumnya tentang mengatasi masalah vue agar lebih mulus mengiukuti catatan ini.

Langusng saja, untuk membuat project electron menggunakan vuetify langkahnya adalah sebagai berikut:

Pertama buat project vue menggunakan vue-cli yang sudah diisntall sebelumnya menggunakan command berikut ini:

vue create app-kita

Pada command di atas, app-kita adalah nama aplikasi yang akan kita buat. Sesuaikan dengan kebutuhan.

Selanjutnya tambahkan electron-builder kedalam project yang telah kita buat.

vue add electron-builder

Terakhir, kita tambahkan vuetify ke dalam project menggunakan command berikut ini:

vue add vuetify

Untuk melihat (preview) aplikasi desktop kita bisa menggunakan command:

npm run electron:serve

atau

yarn electron:serve

Komentar