Tutorial Vue [Part 2] - Installasi Vue

2. Installasi Vue

Setelah sebelumnya kita berhasil melakukan installasi node js, maka saat ini kita bisa melakukan installasi vue dengan menggunakan perintah npm di cmd. Untuk dapat menginstall vue pastikan internet anda dalam keadaan aktif ya

a. Buka CMD

b. lalu arahkan ke folder yang akan kita tuju

c. Lalu ketikan perintah

npm install -g @vue/cli

Perintah ini digunakan untuk mendownload berkas-berkas yang diperlukan dalam installasi vue secara global. Sehingga nantinya jika kita akan membuat sebuah project baru menggunakan vue, kita tidak perlu banyak mengunduh file installasi vue lagi, karena sudah tersedia di komputer kita.

d. Untuk mengetahui versi vue yang ada di pc, kita bisa menggunakan perintah

vue --version

#INSTALLASI VUE

Setelah sebelumnya berhasil mengunduh file vue kedalam pc kita, saat ini kita sudah bisa melakukan installasi untuk membuat project vue

a. ketikkan printah

vue create vue-project

 

vue-project merupakan nama project yang akan kita buat. Disini saya menggunakan nama project vue-project

Selanjutnya kita pilih Default ([vue 3] babel, eslint) karena kita akan menggunakan versi vue 3, lalu tekan enter, dan tunggu hingga proses installasi selesai.

Jika berhasil maka, kita akan melihat hasil sebagai berikut

b. Pengetesan

langkah selanjutnya adalah masuk ke dalam folder project yang sudah kita buat dengan menetikkan perintah

cd vue-project

dan ketikkan kembali

npm run serve

Jika berhasil maka akan muncul url untuk melakukan pengetesan vue

lalu buka browser anda dan masukkan url kedalam browser anda, dalam hal ini alamat url saya

http://localhost:8080/

alamat dapat berbeda bergantung pada pc dan port yang tersedia di pc anda.

sampai sini kita berhasil melakukan installasi vue

>> Next Part 3