Implementasi Frontent Vue JS Dan Backend Laravel Tanpa JQUERY #1

Halo teman - teman semua yang ada didunia internet yang suka mengikuti tentang seni ngoding, dikesempatan kali ini saya akan berbagi tutorial tentang bagaimana cara membuat aplikasi sederhana dengan framework frontend javascript yaitu VueJs dan Framework Backend yaitu Framework laravel. Untuk memulai menulis artikel ini akan dibuat menjadi beberapa tahapan karena mungkin akan panjang. Khusus dalam tahap pertama saya akan memulainya dengan Persiapan pada frontend vuejs dari mulai membuat project sampai tampil halaman pertama kali project dirunning. Tanpa basa - basi mari kita praktek ya, untuk permulaan bagi pemula yang baru mulai dipastikan sudah menginstall nodejs ya biar bisa kita menjalankan syntak npm.

Software Requirement

- Node JS v18.16.0

- Framework VueJS 3.3.13

- Framework Laravel 10.38.2

- Database MySQL

- PHP 8.1.10

Untuk memulai pertama kali kita create project di VueJS dengan menjalankan syntak di terminal/command prompt

npm create vite@latest frontend -- --template vue

Setelah perintah syntak selesai dijalankan selanjutnya masuk kedalam directory project dan jalankan syntak berikut ini.

cd frontend
npm install
npm run dev

Jalankan syntak nya, dan yang terakhir adalah syntak yang dimana berfungsi untuk menjalankan VueJS nya, setelah jalan bisa diakses lewat browser

Demikianlah artikelnya untuk tahap pertama, kita akan lanjut ditahap kedua ya teman-teman.

Related Articles

Comments