Apa itu Vue.js
Vue.js adalah sebuah framework javascript untuk membangun antarmuka sebuah web yang interaktif. Untuk mempelajari Vue.js ini setidaknya kita harus sudah mengerti dasar dasar dari HTML,CSS, dan Javascript.
Install Node.js
Hal yang kita butuhkan pertama kali yaitu kita di haruskan mengintal node.js yang dimana setelah kita mengintal node.js kita akan bertemu dengan yang namanya NPM. Apa itu NPM ? NPM adalah sebuah tool untuk mengatur package javascript yang menggunakan Javascript. Bila anda pengguna Laravel pasti mengenal Composer nah NPM ini seperti Composer versi node.js nya. NPM ini sangat dibutuhkan sebelum kita menginstal Vue js. Berikut Cara mengintall Node.js pada Windows.
1. Download Node.js installer di sini https://nodejs.org/en/download/
2. Jalankan file msi yang sudah di download tadi
3. Lakukan instalasi seperti biasa, dan tunggu hingga proses instalasi selesai
Pada tahap ini saya rasa kita sudah berhasil menginstal node.js dan untuk memastikan apakah node.js sudah terinstal di PC kita adalah dengan menjalankan perintah berikut di CMD :
node -v
Install Vue.js
Agar tidak terjadi error saya sarankan untuk membersihkan cache terlebih dahulu dengan menjalankan perintah berikut
npm cache clean --force
Setelah itu install vue.js dengan menggunakan perintah berikut :
npm install -g @vue/cli
Langkah instalasi sudah selasai selanjutnya kita akan mencoba membuat project pertama kita.
Membuat Project
Lagkah pertama anda pastikan terlebih dahulu dimana anda akan menyimpan project anda agar tidak sulit mencarinya.
Untuk membuat project anda tinggal jalankan perintah berikut ini.
vue create "nama-peroject-anda" (tanpa tanda petik)
Setelah itu akan muncul opsi default dan manually select features, pilih saja default
Tunggu hingga proses pembuatan project selesai. Jika berhasil maka akan muncul pesan Successfully created project “vueproject”.
setelah project berhasil dibuat saat kita jalankan dengan menggunakan perintah berikut :
npm run serve
Perlu diketahui saat kita ingin menjalankannya kita harus berada di dalam project yang sudah kita buat tadi.
Bila sudah maka akan tampil seperti ini
Kita tinggal akses localhost yang telah kita terima di browser kesayangan kit di sana localhost saya yaitu localhost:8081
Dan Selamat kita sudah berhasil membuat project vue
