Langkah langkah Menginstal Vue.js pada Windows OS

 

Berikut adalah panduan dalam menginstall Vue.js pada Windows OS:

1. Prerequisites (Syarat yang harus ada sebelum menginstall Vue.js)

Sebelum menginstal Vue.js, ada beberapa software yang wajib dipasang terlebih dahulu:

a. Node.js

Vue.js membutuhkan Node.js karena dijalankan di atasnya.

Saat menginstal Node.js, secara otomatis juga akan terpasang npm (Node Package Manager), yaitu pengelola paket yang digunakan untuk menginstal Vue. js

b. Code Editor (disarankan: Visual Studio Code)

Untuk menulis kode Vue.js, kita memerlukan editor teks. VS Code adalah pilihan populer karena ringan dan memiliki banyak ekstensi.

c. Web and Application Server seperti XAMPP ataupun NGINX

2. Langkah-Langkah Instalasi

Langkah 1: Instal Node.js

Buka browser dan masuk ke https://nodejs.org/.

Pilih versi LTS (Long-Term Support) karena lebih stabil untuk pemula.

Misalnya: Node.js 20.x LTS

Unduh file installer .msi untuk Windows.

Jalankan file installer dan ikuti wizard instalasi:

Klik Next → Accept License → Next

Biarkan pengaturan default, lalu klik Install

Tunggu hingga selesai, lalu klik Finish.

Cek instalasi berhasil:

Buka Command Prompt (CMD) atau PowerShell

Ketik: node -v

Jika berhasil, akan muncul versi Node.js (contoh: v20.11.1).

Lalu ketik lagi: npm -v

Akan muncul versi npm (contoh: 10.2.4).

Langkah 2: Instal Vue CLI (Command Line Interface)

Ada dua cara untuk membuat proyek Vue:

Vue CLI (lebih tradisional, cocok untuk belajar dasar).

Vite (lebih modern, lebih cepat, disarankan jika laptop cukup baru).

Di sini kita gunakan Vue CLI.

Masih di CMD/PowerShell, ketik: npm install -g @vue/cli

-g artinya global, sehingga bisa digunakan di mana saja.

Cek instalasi berhasil, ketik: vue --version

Jika berhasil, akan muncul versi Vue CLI (contoh: @vue/cli 5.0.8)

Referensi Tautan:

https://learn.microsoft.com/id-id/windows/dev-environment/javascript/vue-on-windows