Cara Melakukan Instalasi Vue.js pada Framework Laravel

Posted on

Vue.js adalah sebuah diantara framework javascript yang lumayan
gampang bagi kita pahami, Vue.Js pun adalah sebuah progressive framework yang
berfokus kepada pengembangan blog pada format tampilan dari sebuah blog.
Di Vue.js memilki banyak keunggulan salah satunya yaitu kita dapat menggabungkan
atau dikombinasi dengan bermacam script atau library salah satunya yaitu vue.js
dapat dikombinasikan dengan menggunakan framework Laravel.

Bagi situs resmi dari vue.js teman-teman dapat kunjungi blog
vue.js nya yaitu https://vuejs.org/. Di bahan
kali ini kita akan membahas mengenai Cara
Menjalankan Instalasi Vue.js di Framework Laravel.

Cara Menjalankan Instalasi
Vue.js di Framework Laravel
langkah pertama-tama teman-teman mesti menginstal framework
laravelnya terlebih dahulu, di panduan kali ini kita menggunakan laravel
versi 5.8. bagi menginstal laravel tersebut teman-teman dapat ketikan command
dibawah ini di cmd atau terminalnya :

dan

Setelah teman-teman berhasil menginstal laravelnya kita akan
menjalankan project laravel tersebut, dengan mengetikan php artisan serve kemudian di enter karenanya akan terlihat seperti
dibawah ini :

Cara Melakukan Instalasi Vue.js pada Framework Laravel

Jikalau kita jalankan di browser dengan mengetikan localhost:8000 karenanya akan terlihat
hasilnya seperti dibawah ini :

Cara Melakukan Instalasi Vue.js pada Framework Laravel

Kemudian sekiranya segala proses install-nya berhasil di di
folder resources/js/components/ ExampleComponent.vue

File ExampleComponent.vue
adalah sebuah sebuah file vue.js default bawaan dari laravel, nah nantinya di
folder components tersebutlah file-file vue.js akan kita masukan.

Berikutnya kita akan mengerjakan instalasi bagi npm-nya npm
tersebut adalah sebuah singkatan dari (Node
Module Manager),
guna dari npm tersebut diantaranya yaitu :

  1. Membangun project baru.
  2. Mengisntall module atau library yang kita
    butuhkan di ketika mendevelop suatu program
  3. Menjalankan script yang terdapat di commend
    line

Nah di project kali ini kita akan mencoba menginstal npm yang
nantinya akan sering kita gunakan di ketika mendevelop suatu program, silahkan
teman-teman ketikan di terminalnya npm
install,
sekiranya install npm berhasil sekiranya kita ketikan di terminalnya npm –version
karenanya akan muncul versi dari npmnya seperti dibawah ini :

Cara Melakukan Instalasi Vue.js pada Framework Laravel

Oke teman-teman seperti itulah pembahasan kita mengenai Cara Menjalankan Instalasi Vue.js di Framework
Laravel.

Semoga bermanfaat.

Terima kasih.

sumber :kursuswebprogramming.com/blog/

(Visited 6 times, 1 visits today)

Leave a Reply

Your email address will not be published. Required fields are marked *