Membangun Project Laravel dari 0 dengan laragon dan vue.js

 Sepertinya programmer capek ini gak akan belajar kalo gak ada tantangan, jadi mumpung ada project baru yuk belajar laravel dari 0. Sesuai instruksi dari gemini, kita mulai dari ...

1. Install Virtual Host seperti Laragon

Download laragon : https://laragon.org/download

2. Install Composer 

Link download : https://getcomposer.org/Composer-Setup.exe

Pada Settings check pastikan untuk memilih direktori php.exe yang benar dari virtual host yang diinstal. Seperti gambar di bawah ini

Klik next untuk melanjutkan instalasi hingga selesai.

3. Download Node.js untuk manajemen frontend Vite

Link download : https://nodejs.org/en/download/

Install saja dengan pengaturan default hingga selesai

4. Jalankan laragon dan klik pada terminal untuk mengecek instalasi yang sudah dilakukan

Ketikkan perintah di bawah ini :

php -v 

composer -v 

node -v 

npm -v

Jika masing-masing menampilkan nomor versi atau perintah composernya tanpa error  maka instalasi sudah sesuai.

5. Membuat project baru di terminal laragon

Masukkan perintah : composer create-projcet laravel/laravel laravel-crud 

6. Masuk ke project laravel-crud dan masukkan perintah di bawah :

npm install bootstrap

npm install vue vue-loader@next @vitejs/plugin-vue

php artisan make:controller AppController (untuk membuat controller)

php artisan make:model File --migration (membuat model dan file migration)

7. Meluncur ke VScode atau text editor yang kamu punya

Open folder project dari laragon tadi : C:/laragon/www/laravel-crud

Buka file vite.config.js dan update seperti gambar di bawah :

Poin utama yang ditambahkan adalah import vue from '@vitejs/plugin-vue';

Dan tambahkan vue() pada plugins serta edit input app.js saja.

To be continued...