Langkah-Langkah Membuat Proyek Vue Baru

 

Berikut adalah Langkah-Langkah Membuat Proyek Vue Baru

• Pilih folder tempat menyimpan proyek (misalnya C:\ProjectVue)
• Buka CMD/PowerShell, lalu masuk ke folder dengan mengetikkan perintah: cd D:\ProjectVue
• Buat proyek baru dengan mengetikkan perintah: vue create my-first-app

my-first-app adalah nama aplikasi, dan kita bebas menggunakan apapun nama aplikasinya. Ini hanya contoh saja

Akan muncul pilihan konfigurasi:

Pilih Default dengan menekan tombol Enter

Tunggu proses instalasi (membutuhkan jaringan internet).

Untuk menjalankan proyek Vue, masuk ke folder Proyek: cd my-first-app

Jalankan server lokal dengan mengetikkan perintah: npm run serve

Jika berhasil, akan muncul pesan seperti:

App running at:

- Local: http://localhost:8080/

Buka browser dan ketik alamat http://localhost:8080/

Jika muncul tampilan halaman Vue.js “Welcome to Your Vue.js App”, berarti instalasi berhasil.

Tautan:

https://learn.microsoft.com/id-id/windows/dev-environment/javascript/vue-beginners-tutorial