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
- 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.
- 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.
Tags:
Vue Js