Tutorial Vue 3 dan Laravel 10 #2 : Cara Install dan Menjalankan Vue 3 (Vite)

Apa itu Vue 3 (Vite)?

Vue 3 adalah sebuah framework JavaScript yang digunakan untuk membangun antarmuka pengguna yang interaktif. Vue 3 memiliki performa yang lebih cepat dan lebih ringan daripada versi sebelumnya, serta mendukung penggunaan Vite sebagai bundler default.

Langkah 1: Install Node.js

Sebelum memulai menggunakan Vue 3 dengan Vite, pastikan Anda sudah menginstall Node.js. Anda dapat mengunduh Node.js dari situs web resminya dan mengikuti petunjuk instalasi yang disediakan.

Langkah 2: Install Vue 3 (Vite)

Setelah Node.js terpasang, Anda dapat menginstall Vue 3 dengan Vite menggunakan perintah berikut di terminal atau command prompt:


npm init vite@latest my-vue-app
cd my-vue-app
npm install


Langkah 3: Menjalankan Vue 3 (Vite)

Jalankan Vue 3 dengan Vite menggunakan perintah berikut:


npm run dev


Setelah itu, buka browser dan masukkan URL localhost:3000 untuk melihat aplikasi Vue 3 yang telah dijalankan.

Dengan mengikuti langkah-langkah di atas, Anda sudah berhasil menginstall dan menjalankan Vue 3 dengan Vite. Selamat mencoba!