Share via

Menginstal Vue.js langsung di Windows

  • Artikel

Panduan untuk membantu Anda menyiapkan lingkungan pengembangan Vue.js di Windows. Pelajari selengkapnya di halaman gambaran umum Vue.js.

Vue dapat diinstal langsung di Windows atau di Subsistem Windows untuk Linux (WSL). Kami umumnya menyarankan Agar Anda menginstal Vue 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 Node.js di Windows: Ini termasuk manajer versi, manajer paket, dan Visual Studio Code. Node Package Manager (npm) digunakan untuk menginstal Vue.js.

Menginstal Vue.js

Untuk menginstal Vue.js:

  1. Buka baris perintah (yaitu. Windows Command Prompt atau PowerShell).

  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. Lihat dokumen Vue untuk Penjelasan build Vue yang berbeda.

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: