Cara install Vue JS

Cara install Vue JS - VueJs adalah salah satu framework javascript yang populer saat ini. Vue.js atau sering di bilang vue saja dan dieja seperti membaca view (/vju:/). yang bisa membuat user interface dan single-page application(SPA). Pada arsitektur MVC (Model - View - Controller) disini vue js hanya mengambil peran pada layer View saja, tanpa memperdulikan backendnya mau pakai php, java, python atau lainya juga tidak masalah.

Langsung saja kita memulai cara install Vue Js:

Kebutuhan:

- Jika menginstall lewat npm yang pasti kita membutuhkan NodeJS (sudah include npm)

- Browser (Google Chrome)

- Text Editor (VS Code, Sublime, Atom)

Opsi 1 - Installasi via CDN (Tanpa perlu Node JS)

Untuk keperluan belajar/development local bisa menggunakan cdn ini:

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>

Jika untuk production, kita menggunakan vuejs ini:

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

Jika kamu menggunakan native ES Modules, pakai yang ini untuk build:

<script type="module">
  import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.esm.browser.js'
</script>

Kalau mau embed npm juga bisa dari cdn berikut cdn.jsdelivr.net/npm/vue.

Contoh pengaplikasian kode: via codepen

Opsi 2 Via NPM (Membutuhkan NodeJS)

NPM sangat direkomendasikan dalam pembangunan aplikasi dengan vue js, dengan npm kita lebih leluasa untuk mengembangkan aplikasi misalkan dengan menambah package lain.

# latest stable
$ npm install vue

Nah itu dia cara install Vue JS, semoga bermanfaat!