Share via

Instal Vue.js di Subsistem Windows untuk Linux

  • Artikel

Panduan untuk membantu Anda menyiapkan lingkungan pengembangan Vue.js di Windows dengan menginstal kerangka kerja web Vue.js pada Subsistem Windows untuk Linux (WSL). Pelajari selengkapnya di halaman gambaran umum Vue.js.

Vue dapat diinstal langsung di Windows atau di WSL. Kami umumnya merekomendasikan penginstalan di WSL jika Anda berencana untuk berinteraksi dengan backend NodeJS, ingin paritas dengan server produksi Linux, atau berencana untuk mengikuti tutorial yang menggunakan perintah Bash. Anda mungkin juga ingin mempertimbangkan Vite sebagai alternatif untuk Vue.js.

Prasyarat

  • Instal Subsistem Windows untuk Linux (WSL), termasuk distribusi Linux (seperti Ubuntu) dan pastikan itu berjalan dalam mode WSL 2. Anda dapat memeriksanya dengan membuka PowerShell dan memasukkan: wsl -l -v
  • Instal Node.js di WSL 2: Ini termasuk manajer versi, manajer paket, Visual Studio Code, dan ekstensi Pengembangan Jarak Jauh. Node Package Manager (npm) digunakan untuk menginstal Vue.js.

Penting

Menginstal distribusi Linux dengan WSL akan membuat direktori untuk menyimpan file: \\wsl\Ubuntu-20.04 (mengganti Ubuntu-20.04 dengan distribusi Linux apa pun yang Anda gunakan). Untuk membuka direktori ini di Windows File Explorer, buka baris perintah WSL Anda, pilih direktori beranda Anda menggunakan cd ~, lalu masukkan perintah explorer.exe . Berhati-hatilah untuk tidak menginstal atau menyimpan file yang akan Anda kerjakan pada drive C yang dipasang (/mnt/c/Users/yourname$). Melakukannya akan memperlambat waktu penginstalan dan build Anda secara signifikan.

Menginstal Vue.js

Untuk menginstal Vue.js di WSL:

  1. Buka baris perintah WSL (yaitu. Ubuntu).

  2. Buat folder proyek baru: mkdir VueProjects dan masukkan direktori tersebut: cd VueProjects.

  3. Instal Vue.js menggunakan Node Package Manager (npm):

npm install vue

Periksa nomor versi yang telah Anda instal dengan menggunakan perintah: vue --version.

Catatan

Untuk menginstal Vue.js menggunakan CDN, bukan NPM, lihat dokumen penginstalan Vue.js.

Menginstal Vue CLI

Vue CLI adalah toolkit untuk bekerja dengan Vue di terminal / baris perintah Anda. Ini memungkinkan Anda untuk dengan cepat merancang proyek baru (vue create), membuat prototipe ide baru (vue serve), atau mengelola proyek menggunakan antarmuka pengguna grafis (vue ui). Vue CLI adalah paket npm yang diinstal secara global yang menangani beberapa kompleksitas build (seperti menggunakan Babel atau Webpack) untuk Anda. Jika Anda tidak membangun aplikasi satu halaman baru, Anda mungkin tidak memerlukan atau menginginkan Vue CLI.

Untuk menginstal Vue CLI, gunakan npm. Anda harus menggunakan -g bendera untuk menginstal secara global untuk meningkatkan (vue upgrade --next):

npm install -g @vue/cli

Untuk mempelajari lebih lanjut tentang plugin tambahan yang dapat ditambahkan (seperti linting atau Apollo untuk mengintegrasikan GraphQL), kunjungi plugin Vue CLI di dokumen Vue CLI.

Sumber Daya Tambahan: