Cara Install dan Menjalankan Vue 3

Cara Install dan Menjalankan Vue 3

Assalamualaikum, wr. wb. Saat ini vue 3 sudah release, so buat kalian yang ingin mencobanya, kali ini kita akan belajar cara menginstal-nya. Sebenarnya tidak jauh berbeda sih dengan versi sebelumnya. Hanya saja ada beberapa requirement yang harus kalian penuhi atau upgrade ( salah satunya minimal versi vue cli harus 4.5 ke atas ) jika kalian ingin install menggunakan cli.

Ada beberapa cara install diantaranya:

1. Untuk prototype atau untuk pembelajaran kalian dapat gunakan CDN berikut:

<script src="https://unpkg.com/vue@next"></script>

2. Untuk projek biasanya menggunakan cara berikut:

- Install versi npm terbaru  npm install -g @vue/cli  atau  yarn global add @vue/cli 

- Jika sudah terinstall, kemudian ketikkan perintah  vue create nama-projek 

- Berikut adalah tampilannya jika dijalankan di terminal

Cara Install dan Menjalankan Vue 3

- Jangan lupa pilih yang Vue 3 Preview ( karena saat tutorial ini dibuat, masih versi beta.
- Kemudian tunggu hingga proses instalasi selesai, jika sudah jalankan aplikasi tersebut.

- Ada 2 cara, yang pertama dengan  npm run serve  dan yang kedua dengan  vue ui 

- Jika menggunakan cara pertama, kalian langsung diberi url localhost:8080 untuk mengakses projek.
- Jika menggunakan cara kedua, kalian akan diarahkan ke tampilan GUI berikut.

Cara Install dan Menjalankan Vue 3 vue ui


- Keuntungan menggunakan GUI ini kalian tidak usah mengetikkan perintah untuk menginstall dependensi maupun puglin, tinggal klik install aja pada pilihan yang sudah tersedia. Selain itu kalian juga dapat memantau kecepatan / perfoma website kalian.

Oke, mungkin sampai sini dulu pembahasan kita kali ini. Semoga bermanfaat. Jika ada salah kata mohon maaf. Info detail dan sumber asli bisa di cek di website resmi Vue Js Disini. Sekian terimakasih Wassalamualaikum wr. wb.


Posting Komentar

0 Komentar