Halo teman-teman semuanya, setelah kita sudah berhasil membuat proses Authentication dengan Laravel Sanctum maka sekarang kita lanjutkan dengan mengintegrasikannya dengan Vue Js.
Langkah 1 - Installasi Node Js
Sebelum memulai membuat project baru di Vue Js, ada beberapa tools yang harus kita persiapkan, diantaranya adalah :
Silahkan install Node Js terlebih dahulu, untuk installasinya bisa lihat dari situs resminya di https://nodejs.org/en/download/ dan silahkan disesuaikan dengan sistem operasi masing-masing.
Untuk mengetahui apakah Node Js berhasil terinstall, kita bisa menjalankan perintah di bawah ini di dalam terminal/CMD :
node -v
Ketika kita menginstall Node Js maka secara otomatis NPM juga ikut terinstall, kita bisa mencoba melihatnya di :
npm -v
Langkah 2 - Installasi Vue CLI
Selanjutnya setelah kita berhasil menginstall Node Js dan NPM, sekarang kita lanjutkan untuk menginstall Vue CLI atau Vue Command Line Tools.
Silahkan jalankan perintah di bawah ini untuk menginstall Vue CLI secara global di dalam komputer kita.
npm install -g @vue/cli
Untuk melihat apakah Vue CLI sudah berhasil terinstall, silahkan jalankan perintaah di bawah ini :
vue --version
Langkah 3 - Membuat Project Vue Js
Setelah kita berhasil menginstall Vue CLI secara global di dalam komputer, sekarang kita bisa membuat project Vue baru dengan perintah vue create.
Silahkan masuk ke folder dimana teman-teman akan menyimpan project Vue Js-nya dan jalankan perintah di bawah ini :
vue create vue-sanctum
Dari perintah di atas kita akan membuat project Vue Js dengan nama vue-sanctum. Jika muncul pilihan preset, silahkan pilih default yaitu babel dan Eslint. Silahkan di tunggu proses installasi sampai selesai.
Setelah proses installasi selesai kita bisa menjalankan project Vue Js dengan cara berikut ini :
cd vue-sanctum
npm run serve
Jika berhasil project Vue Js kita akan di jalankan di port 8080, teman-teman bisa membukanya di http://localhost:8080 dan kurang lebih hasilnya seperti berikut ini :
EBOOK MEMBANGUN WEBSITE SEKOLAH DENGAN LARAVEL, VUE JS DAN BOOTSTRAP 5 : https://bit.ly/ebook-laravel-vue-js