Kita akan coba install Vue di komputer. Saya pake OS Windows, buat yang lain sebenarnya sama saja karena instalnya lewat NPM (Node Package Manager). Jadi jangan lupa untuk instal dulu NodeJS.
Di website resminya “https://vuejs.org/guide/quick-start.html" sudah menyediakan langkah yang mudah diikuti.
Buka terminal dan arahkan ke direktori yang nantinya menyimpan project Vue. Setelah itu jalankan perintah:
npm create vue@latest
Jika muncul seperti ini, isi saja dengan nama project yang ingin dibuat. Misal “portofolio”.
Untuk inputan selanjutnya, saya langsung Enter aja sampe abis karena belum butuhkan. Jika ada yang paham istilah yang ada bisa dipilih sesuai kebutuhan. Namun karena saya masih baru jadinya “No” aja sisanya. Kalo butuh tinggal pasang aja nanti.
Kalo kita perhatikan, ada langkah selanjutnya yang ditampilkan pada terminal.
Pertama, pindahkan terminal ke folder “portofolio”:
cd portofolio
Kedua, instal Vue dan modul bawaannya.
npm install
Misal ada error seperti diatas, bisa diabaikan sebentar dulu. Hal itu karena versi NodeJS saya versi 16 sedangkan dimintanya versi 18 untuk saat ini.
Jangan lupa update!
Terakhir, kita akan coba jalankan project Vue. Cukup dengan jalankan perintah:
npm run dev
Buka alamat localserver “http://127.0.0.1:5173/”” atau bisa langsung klik link alamat pada terminal.
Harusnya muncul halaman seperti ini kalo memang berhasil.