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.