Membuat aplikasi Vue.js
Dalam pengenalan 5-10 menit ke lingkungan pengembangan terintegrasi (IDE) Visual Studio ini, Anda membuat dan menjalankan aplikasi web frontend Vue.js sederhana.
Prasyarat
Pastikan untuk menginstal hal berikut:
- Visual Studio 2022 atau yang lebih baru. Buka halaman unduhan Visual Studio untuk menginstalnya secara gratis.
- npm (https://www.npmjs.com/), yang disertakan dengan Node.js
- Vue.js (Pemasangan | Vue.js (vuejs.org))
Membuat aplikasi Anda
Di jendela Mulai (pilih Jendela Mulai File>untuk dibuka), pilih Buat proyek baru.
Cari Vue di bilah pencarian di bagian atas lalu pilih Proyek Vue JavaScript Mandiri atau Proyek Vue TypeScript Mandiri, berdasarkan preferensi Anda.
Beri nama proyek dan solusi Anda, lalu pilih Berikutnya.
Pilih Buat, lalu tunggu Visual Studio untuk membuat proyek.
Menampilkan properti proyek
Pengaturan proyek default memungkinkan Anda untuk membangun dan men-debug proyek. Tetapi, jika Anda perlu mengubah pengaturan, klik kanan proyek di Penjelajah Solusi, pilih Properti, lalu buka bagian Build atau Debugging.
Catatan
launch.json menyimpan pengaturan startup yang terkait dengan tombol Mulai di toolbar Debug. Saat ini, launch.json harus terletak di folder .vscode.
Membangun Proyek Anda
Pilih Build>Solusi Build untuk membangun proyek.
Mulai Proyek Anda
Tekan F5 atau pilih tombol Mulai di bagian atas jendela, dan Anda akan melihat perintah seperti:
VITE v4.4.9 siap dalam 780 mdtk
Catatan
Periksa output konsol untuk pesan, seperti pesan yang menginstruksikan Anda untuk memperbarui versi Node.js Anda.
Selanjutnya, Anda akan melihat aplikasi dasar Vue.js muncul!
Langkah berikutnya
Untuk integrasi ASP.NET Core: