Tutorial Vue.Js Bagian 2 : Download dan Instalasi Vue.Js

Setelah sedikit memahami tentang apa itu Vue.JS pada tutorial sebelumnya yang berjudul Tutorial Vue.Js Bagian 1 : Tentang Vue.Js sekarang saatnya mempelajari bagaimana proses download , penginstalan hingga pemasangan dari vue.js ini. Jadi jika saya saranakan untuk membuka artikel sebelumnya untuk sedikit menambah pengetahuan tentang apa itu Vue.js .

Mendownload File Vue.Js

Cara untu mendownload Vue Js adalah

1. Kunjungi situs https://vuejs.org/ 
2. Download aplikasi dengan cara mengklik install
   
3. Pilih salh satu yang dibutuhkan.
   \

Keterangan :

Pilih yang development version, karena di beberapa contoh yanga akan di jelaskan setelah ini ada fungsi yang tidak bekerja jika menggunakan yang product version.

Tutorial Instalasi Vue.JS

Sebenarnya untuk penginstalan Vue.Js bervariasi sesuai dengan project yang ingin kita buat (apakah project tersebut berbasis Git, menggunakan framework lain sperti Node js atau lain sebagainya). Untuk cara yang sudah di jelaskan di atas itu merupakan sebuah cara untuk mendapatkan file vue.js secara langsung dimana file tersebut biasanya digunakan untuk penggunaan project biasa.

Berikut adalah beberapa macam penginstalan Vue.Js :

Menggunakan NPM, 

biasanya jika menggunakan Node.JS 

# latest stable
$ npm install vue
# latest stable + CSP-compliant
$ npm install vue@csp

Menggunakan CLI

# install vue-cli
$ npm install -g vue-cli
# create a new project using the "webpack" boilerplate
$ vue init webpack my-project
# install dependencies and go!
$ cd my-project
$ npm install
$ npm run dev

Dev Build, dipakai di git

git clone https://github.com/vuejs/vue.git node_modules/vue
cd node_modules/vue
npm install
npm run build

Bower

# latest stable
$ bower install vue

Cara biasa

Cara ini biasanya digunakan pada project biasa dan laman kecil yang tida membutuhkan framework lain.

Nah karena saya sudah membahas tentang apa itu vue.js dan bagaimana cara penginstalan / download framework ini, selanjutnya saya akan memberikan contoh contoh mudah dan simple terkait penggunaan vue.js ini. 

 Artikel Berikutnya : Tutorial Vue.Js Bagian 3 : Membuat Hello World dengan Vue.Js

Share this

Author : zenhuzaini

Related Posts