Bagikan melalui

Menginstal Vue.js langsung di Windows

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 pada 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.

Nota

Untuk menginstal Vue.js menggunakan CDN, bukan NPM, lihat Vue.js menginstal dokumen. 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 flag -g untuk instalasi global guna melakukan upgrade (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