React projesi oluşturma

Visual Studio tümleşik geliştirme ortamına (IDE) bu 5-10 dakikalık girişte basit bir React ön uç web uygulaması oluşturup çalıştıracaksınız.

Önkoşullar

Aşağıdaki yazılımı yüklediğinizden emin olun:

• Visual Studio 2022 veya üzeri. Visual Studio'yu ücretsiz yüklemek için Visual Studio indirmeleri sayfasına gidin.
• npm (https://www.npmjs.com/), Node.js ile birlikte gelen

Uygulamanızı oluşturma

1. Başlangıç penceresini açmak için (Dosya seçin, ardından>Başlangıç Penceresi), Yeni bir proje oluşturseçeneğini seçin.

   gösteren ekran görüntüsü

2. Üstteki arama çubuğunda React araması yapın ve ardından tercihinize bağlı olarak JavaScript veya TypeScript için React App seçin.

   seçmeyi gösteren ekran görüntüsü

   Visual Studio 2022 sürüm 11'den itibaren, şablon adı Tek Başına JavaScript React Projesi olan React Uygulamasıolarak değiştirildi.

3. Projenize ve çözümünüze bir ad verin.

4. Oluştur'u seçin ve Visual Studio'nın projeyi oluşturmasını bekleyin.

   React projesinin oluşturulması biraz zaman alır çünkü şu anda çalışan create-react-app komutu npm install komutunu da çalıştırır.

Proje özelliklerini görüntüleme

Varsayılan proje ayarları, projeyi derlemenize ve hatalarını ayıklamanıza olanak sağlar. Ancak, ayarları değiştirmeniz gerekiyorsa Çözüm Gezgini'nde projeye sağ tıklayın, Özellikler 'i seçin ve ardından Linting, Derleme veya Dağıt bölümüne gidin.

Hata ayıklayıcısı yapılandırması için launch.jsonkullanın.

Not

launch.json, Hata Ayıklama araç çubuğundaki Başlangıç düğmesiyle ilişkili başlangıç ayarlarını depolar. Şu anda launch.json.vscode klasörünün altında bulunmalıdır.

Projenizi Oluşturma

Projeyi oluşturmak için Derleme>Derleme Çözümü'ni seçin.

Projenizi Başlatma

F5 basın veya pencerenin üst kısmındaki Başlangıç düğmesini seçtiğinizde aşağıdaki gibi bir komut istemi görürsünüz:

• VITE v4.4.9 780 ms'de hazır

Not

Node.jssürümünüzü güncelleştirmenizi belirten bir ileti gibi iletiler için konsol çıkışını denetleyin.

Ardından, temel React uygulamasının gösterildiğini görmeniz gerekir!

Sonraki adımlar

React uygulaması oluşturma

ASP.NET Core tümleştirmesi için:

React ile ASP.NET Core uygulaması oluşturma