Bagikan melalui


Halaman properti untuk proyek React, Angular, dan Vue di Visual Studio

Artikel ini berlaku untuk proyek React, Angular, dan Vue yang dibuat di Visual Studio yang menggunakan JavaScript Project System (JSPS), yang merupakan format proyek .esproj . Format ini didukung mulai dari Visual Studio 2022.

Halaman Properti menyediakan akses ke pengaturan proyek. Untuk membuka halaman properti, pilih proyek di Penjelajah Solusi lalu pilih ikon Properti, atau klik kanan proyek dan pilih Properti.

Nota

Instruksi dalam artikel ini menggambarkan versi terbaru dari pengalaman pengembangan interaktif (IDE) yang tersedia di Visual Studio. Komputer Anda mungkin menampilkan nama atau lokasi yang berbeda untuk beberapa elemen antarmuka pengguna. Anda mungkin menggunakan versi Visual Studio yang berbeda atau pengaturan lingkungan yang berbeda. Untuk informasi selengkapnya, lihat Mempersonalisasi ide.

Halaman dan opsi berikut muncul di Halaman Properti.

Tab Bangun

Di bawah tab Umum, properti berikut ini tersedia.

Perintah Build

Menentukan perintah yang akan dijalankan saat Anda membuat proyek. (Build > Build Solution, atau saat Anda menjalankan proyek.) Jika digunakan, nilai ini biasanya merupakan perintah npm. Properti ini sesuai dengan properti BuildCommand dalam file proyek.

Perintah Build Produksi

Menentukan perintah yang akan dijalankan saat Anda membangun proyek, saat proyek terintegrasi dengan proyek ASP.NET Core Web API. Menghasilkan file siap produksi. Secara default, perintah ini adalah npm run build.

Mulai visual Studio 2022 versi 17.5, opsi ini tidak ada dalam templat proyek yang direkomendasikan untuk React, Vue, dan Angular.

Membangun Folder Output

Menentukan folder output untuk objek build produksi. Untuk proyek lama, gunakan properti ini saat Anda menggunakan Perintah Build Produksi.

Perintah Bersih

Menentukan perintah yang akan dijalankan saat Anda membersihkan proyek. (Build > Clean Solution) Jika digunakan, nilai ini biasanya merupakan perintah npm. Properti ini sesuai dengan properti CleanCommand dalam file proyek.

Direktori Kerja

Menentukan direktori kerja untuk perintah build. Nilai ini adalah akar proyek, secara default.

Tab Sebarkan

Perintah Startup

Menentukan perintah yang akan dijalankan saat Anda memulai proyek. Misalnya, proyek Angular menggunakan npm start secara default. Properti ini sesuai dengan properti StartupCommand dalam file proyek.

Direktori Kerja

Menentukan direktori kerja untuk perintah startup. Secara default, nilai ini adalah akar proyek. Jalur relatif relatif terhadap akar proyek.

Nota

Di Visual Studio, launch.json menyimpan pengaturan startup yang terkait dengan tombol Mulai di toolbar Debug. launch.json harus terletak di bawah folder .vscode .

Lihat juga

JavaScript dan TypeScript di Visual Studio