Cara Menginstal Vue.js di Ubuntu 22.04

47 March 15, 2024

Apa itu Vue Js?

Vue.js adalah sebuah framework progresif untuk membangun antarmuka pengguna (UI) yang modern dan responsif dalam pengembangan aplikasi web dan aplikasi mobile.

Dibuat oleh Evan You pada tahun 2014, Vue.js memberikan pendekatan yang ringan dan mudah dipelajari dalam membangun aplikasi front-end yang kompleks.

 

Beli VPS Murah DiSini

Beli Domain Murah DiSini

Baca Juga Artikel Lainnya DiSini

 

Update Sistem Ubuntu

Sebelum kalian install Vue Js, kalian Update dan Upgrade terlebih dahulu

apt update && sudo apt upgrade -y

 

Instal Node Js

Setelah kalian Update & Upgrade, Selanjutnya install Node Js

curl -sL https://deb.nodesource.com/setup_18.x | bash -
apt install nodejs

Untuk melihat versi dari Node Js

node --version

 

Memperbarui Versi NPM

Lanjut kalian perbarui versi NPM dengan command dibawah ini

npm install npm@latest -g

Untuk melihat versi NPM

npm --version

 

Instal Vue CLI

Kemudian kalian lanjut install Vue CLI dengan command dibawah ini

npm install -g @vue/cli

Untuk melihat versi Vue CLI

vue --version

 

Buat Aplikasi Vue.Js

Kalian buat aplikasi Vue.Js dengan command dibawah ini

vue create nama-project-vuejs-kalian

kalian pilih yang kalian butuhkan saja, untuk memilih kalian harus memakai Arrow di keyboard

Lalu kalian masuk kedalam directory file kalian

cd nama-project-vuejs-kalian

Masukkan command dibawah ini untuk Run Vue.Js

npm run serve

 

Tes Vue.Js

Masuk ke browser kalian dan ketikkan url dibawah ini

http://your-IP-address:8080

 

 

Closing

Vue.js adalah sebuah framework JavaScript yang ringan, mudah dipelajari, dan kuat untuk membangun antarmuka pengguna yang interaktif dalam aplikasi web.