Aldi Thanks For Google and Stackoverflow.

Cara Instalasi dan Cara Menjalankan Project Pertama di VueJS

1 min read

vuejs

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

disini bisa dilihat versi node.js saya yaitu v10.13.0

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 dan , pilih saja 

Tunggu hingga proses pembuatan project selesai. Jika berhasil maka akan muncul pesan 

setelah project berhasil dibuat saat kita jalankan dengan menggunakan perintah berikut :

npm run serve

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

Selesai 🙂

 

Aldi Thanks For Google and Stackoverflow.

Leave a Reply

Your email address will not be published. Required fields are marked *