Rabu, 23 Februari 2022

Cara Instalasi dan Membuat Proyek Baru Menggunakan VueJS

 Vue.js adalah sebuah framework javascript untuk membangun antarmuka sebuah web yang interaktif.


Pertama lakukan instalasi node.js

Download Node.js installer di sini https://nodejs.org/en/download/ kemudian jalankan file msi yang sudah di download tadi dan lakukan instalasi seperti biasa, dan tunggu hingga proses instalasi selesai.

untuk memastikan apakah node.js sudah terinstal dengan menjalankan perintah berikut:

node -v

 


Install VUE JS

bersihkan cache terlebih dahulu agar tidak terjadi error, dengan menjalankan perintah berikut:

npm cache clean --force


 Setelah itu install vuejs dengan menggunakan perintah berikut:

npm install -g @vue/cli


 Membuat Proyek Baru

untuk membuat proyek baru ketikan perintah berikut ini:

vue create nama-proyek

 


Setelah itu akan muncul opsi, pilih saja Vue 3


Tunggu hingga proses pembuatan project selesai, sampai muncul pesan "Successfully created project myapp."


setelah proyek berhasil dibuat saat kita jalankan dengan masuk ke folder myapp kemudian gunakan perintah berikut:

npm run serve

 


untuk menjalankan aplikasi localhost di browser yaitu dengan alamat localhost:8081


Dan Selamat kita sudah berhasil membuat proyek vue


end 😉

Tidak ada komentar:

Posting Komentar