Step 1 : Cara mudah Install Vue 2 Js

Step 1 : Cara mudah Install Vue 2 Js

Sobatcoding.com - Cara mudah install Vue JS

Pada artikel tutorial kali ini kita akan belajar tentang vue.js.

Apakah itu Vue js?

Vue (cara pengucapannya /vjuː/, seperti view) adalah sebuah kerangka kerja nan progresif untuk membangun antarmuka pengguna. Tidak seperti beberapa kerangka kerja monolitik yang lain, Vue dirancang dari dasar sekali agar dapat diadopsi secara bertahap. Pustaka intinya difokuskan pada layer tampilan saja, dan sangat mudah untuk diintegrasikan dengan pustaka yang lain atau dengan proyek yang sudah ada. Di sisi lain, Vue sangat mampu memberikan dan mendukung Single Page Application yang canggih ketika dikombinasikan dengan perkakas modern dan dukungan pustaka.

Sumber : https://docs.vuejs.id/v2/guide/

 

Cara Install Vue 2 JS

Untuk cara install vue js ada beberapa cara yang bisa digunakan, anatar lain menggunakan cdn atau download package, install via npm atau via install vue-cli.

Install Via Download atau CDN

Vue js bisa kalian unduh atau download lewat link berikut VERSI PENGEMBANG atau VERSI PRODUKSI

untuk via CDN kalian bisa gunakan link berikut

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

//tambahkan versi produksi yang akan kalian gunakan
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.0/dist/vue.js"></script>

 

Install Via NPM

Install Vue JS via npm sangatlah mudah, kalian hanya perlu menjalankan perintah berikut pada terminal

npm install vue

 

Install Via Vue-CLI

Untuk install vue via cli kalian hanya perlu menjalankan perintah berikut di terminal

npm install -g @vue/cli

Untuk install menggunakan vue cli direkomendasikan untuk programmer yang baru mengetahui tentang vue untuk membaca dokumentasi instalasi terlebih dahulu

 

Sekian dulu untuk sekilas cara install Vue JS. Untuk selanjutnya kita akan mencoba membuat halaman sederhana menggunakan Vue JS