Menginstal Vue.js pada Subsistem Windows untuk Linux

Panduan untuk menyiapkan lingkungan pengembangan Vue.js pada Subsistem Windows untuk Linux (WSL). Untuk latar belakang, lihat gambaran umumVue.js.

Vue dapat diinstal langsung di Windows atau di WSL. WSL disarankan jika Anda berencana untuk berinteraksi dengan backend Node.js, menyebarkan ke server Linux, atau mengikuti tutorial yang menggunakan perintah Bash.

Prasyarat

• Instal Subsistem Windows untuk Linux (WSL), termasuk distribusi Linux (seperti Ubuntu) yang berjalan dalam mode WSL 2. Verifikasi dengan: wsl -l -v
• Instal Node.js di WSL 2: Ini termasuk manajer versi, manajer paket, Visual Studio Code, dan ekstensi Pengembangan Jarak Jauh.

Penting

Simpan file proyek Anda di dalam sistem file WSL (misalnya, ~/projects), bukan pada drive Windows yang dipasang (/mnt/c/). Bekerja di seluruh batas sistem file secara signifikan memperlambat waktu penginstalan dan build.

Membuat proyek Vue

Cara yang disarankan untuk memulai proyek Vue 3 baru adalah npm create vue@latest, yang menggunakan create-vue - alat perancah resmi berbasis Vite:

1. Buka terminal WSL Anda (misalnya, Ubuntu).

2. Navigasikan ke direktori proyek Anda:

   mkdir -p ~/projects
   cd ~/projects
   

3. Buat proyek Vue baru:

   npm create vue@latest
   

   Alat penginstal meminta Anda untuk memberi nama proyek Anda dan memilih fitur opsional (TypeScript, dukungan JSX, Vue Router, manajemen status Pinia, Vitest, ESLint).

4. Navigasikan ke folder proyek, instal dependensi, dan mulai server dev:

   cd <your-project-name>
   npm install
   npm run dev
   

   Aplikasi Anda akan tersedia di http://localhost:5173.

Sumber daya tambahan

• dokumen Vue
• Vue.js ringkasan
• Menginstal Vue.js di Windows
• Ambil langkah pertama Anda dengan jalur pembelajaran Vue.js
• Tutorial Vue dengan Visual Studio Code