Tutorial Laravel Sanctum dan Vue Js Authentication #4 - Installasi dan Persiapan Vue Js


Fika Ridaul Maulayya
I'm a Full-Stack Web Developer, Content Creator and CO-Founder Santri Koding. I share everything i know with Articles, Screencasts and E-Books at SantriKoding.com

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 :

  • Node Js
  • NPM
  • Vue CLI

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


Fika Ridaul Maulayya
I'm a Full-Stack Web Developer, Content Creator and CO-Founder Santri Koding. I share everything i know with Articles, Screencasts and E-Books at SantriKoding.com
KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami

KOMENTAR