Cara install vuejs untuk pemula



Assalamu'alaikum wr wb. Halo apa kabar kawan-kawan sekalian. Pada hari ini saya ingin menulis tentang tutorial install vuejs secara lengkap. Mungkin kalian yang baca artikel ini sudah tau kan tentang vuejs. Vuejs adalah suatu javascript framework yang diperuntukan mempercepat kerja pembuatan projek pemerograman.

Vuejs ini walaupun dibuat menggunakan javascript. Tapi cukup mudah untuk dipelajari tepatnya pemula yang baru-baru ini terjun kedunian percodingan. Walaupun vuejs mudah dipelajari tetapi tetap butuh pemahaman tentang pemerograman atau developer sudah menguasai/memahami javascript. cuma kita dipercepat dalam proses pembuatannya saja. Oke langsung saja ketutorialnya.

Syarat installasi / Require Installation
- Nodejs
- Git

Langkah Installasi

Karena saya sudah menginstall nodejs dan saya rasa install nodejs ini seperti program pada umumnya. Saya nyatakan kalian sudah menginstall nodejs. Git ini opsional karena di terminal dan powershell sudah ada gitnya. Tidak ada git pada windows 7 dan windows xp. Jadi saya hanya mengasih referensi penggunaan git.

Install VueJS CLI

Sebelum menginstall vuejs, pastikan nodejs sudah terinstall.

- Buka Terminal, lalu ketikan

npm --version



- Lanjut install vuejs pada terminal

npm install -g vue-cli



- Setelah installasi vuejs selesai . Lanjut dengan membuat projek vuejs.

vue init webpack nama-projek

#note:
warna hijau = template (Bisa pake webpack-simple/browserify/browserify-simple/pwa/simple)
warna biru = nama folder



Saat konfigurasi installasi saya memilih yes semua. karena fitur itu saya rasa tidak mengganggu proses development. Yang perlu di perhatikan. kebutuhan vue-router dan eslint sangat dibutuhkan untuk sebuah project.


- Setelah menunggu instalasi hingga selesai. Lanjut deh dengan mencoba menjalankan projek.

cd projekmu  (pindah direktori)
npm run dev  (menjalankan projek)

- Selesai deh. nanti setelah menjalankan projek akan otomatis membuka tab baru browser ke halaman localhost.
Referensi diambil dari sini https://github.com/vuejs/vue-cli/tree/v2#vue-cli--

Install VueJS CDN

jika kalian mau langsung menggunakan vue js tanpa installasi seperti diatas. Bisa menggunakana CDN. contoh kode cdn dibawah ini.

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

Cara Penggunaan:



Jadi install vuejs itu ada 2 cara yaitu menggunakan CLI dan CDN. sebenarnya sih sama saja, tergantung kenyamanan developernya. oke itu saja yang bisa saya sampaikan sekian dan terima kasih..
Kategori :
Facebook twitter Google

Related Post

Berlangganan update artikel terbaru via email:

0 Komentar