Visual Studio'da React, Angular ve Vue projeleri için özellik sayfaları

Bu makale, .esproj proje biçimi olan JavaScript Proje Sistemi'ni (JSPS) kullanan Visual Studio'da oluşturulan React, Angular ve Vue projeleri için geçerlidir. Bu biçim Visual Studio 2022'den başlayarak desteklenir.

Özellik Sayfaları proje ayarlarına erişim sağlar. Özellik sayfalarını açmak için, Çözüm Gezgini'da projeyi seçin ve ardından Özellikler simgesini seçin veya projeye sağ tıklayıp Özellikler'i seçin.

Not

Bilgisayarınız bu makaledeki Bazı Visual Studio kullanıcı arabirimi öğeleri için farklı adlar veya konumlar gösterebilir. Visual Studio'nun farklı bir sürümünü veya farklı ortam ayarlarını kullanıyor olabilirsiniz. Daha fazla bilgi için bkz . IDE'yi kişiselleştirme.

Özellik Sayfalarında aşağıdaki sayfalar ve seçenekler görüntülenir.

Derleme sekmesi

Genel sekmesinin altında aşağıdaki özellikler kullanılabilir.

Derleme Komutu

Projeyi oluştururken çalıştırılacak komutu belirtir. (Derleme Çözümü Oluşturma > veya projeyi çalıştırdığınızda.) Kullanılırsa, bu değer genellikle bir npm komutudur. Bu özellik, proje dosyasındaki BuildCommand özelliğine karşılık gelir.

Üretim Derleme Komutu

Projeyi oluştururken, proje ASP.NET Core Web API projesiyle tümleştirildiğinde çalıştırılacak komutu belirtir. Üretime hazır dosyalar oluşturur. Varsayılan olarak, bu komut şeklindedir npm run build.

Visual Studio 2022 sürüm 17.5'den itibaren bu seçenek React, Vue ve Angular için önerilen proje şablonlarında mevcut değildir.

Çıkış Klasörü Oluştur

Üretim derleme nesneleri için çıkış klasörünü belirtir. Daha eski projeler için, Üretim Derleme Komutunu kullanırken bu özelliği kullanın.

Temizle Komutu

Projeyi temizlerken çalıştırılacak komutu belirtir. (Temiz Çözüm Derleme>) Kullanılırsa, bu değer genellikle bir npm komutudur. Bu özellik, proje dosyasındaki CleanCommand özelliğine karşılık gelir.

Çalışma Dizini

Derleme komutu için çalışma dizinini belirtir. Bu değer varsayılan olarak proje köküdür.

Dağıt sekmesi

Başlangıç Komutu

Projeyi başlattığınızda yürütülecek komutu belirtir. Örneğin, angular projesi varsayılan olarak kullanır npm start . Bu özellik, proje dosyasındaki StartupCommand özelliğine karşılık gelir.

Çalışma Dizini

Başlangıç komutu için çalışma dizinini belirtir. Varsayılan olarak, bu değer proje köküdür. Göreli yollar proje köküne göredir.

Not

Visual Studio'da launch.json, Başlat düğmesiyle ilişkilendirilmiş başlangıç ayarlarını Hata Ayıklama araç çubuğunda depolar. launch.json .vscode klasörünün altında bulunmalıdır.

Ayrıca bkz.

Visual Studio’da JavaScript ve TypeScript