Angular uygulaması oluşturma

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

Önkoşullar

Aşağıdakileri yüklediğinizden emin olun:

Uygulamanızı oluşturma

  1. Başlangıç penceresinde (açmak için Dosya>Başlangıç Penceresi'ni seçin), Yeni proje oluştur'u seçin.

    Screenshot showing Create a new project

  2. Üstteki arama çubuğunda Angular araması yapın ve ardından Tek Başına TypeScript Angular Projesi'ni seçin.

    Screenshot showing choosing a template

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

    Ek bilgiler penceresine gittiğiniz zaman Boş ASP.NET Web API'si Projesi için tümleştirme ekle seçeneğini DENETLEMEYİn. Bu seçenek, bir ASP.NET Core projesi eklendiğinde ASP.NET Core projesiyle bağlanabilmesi için Angular şablonunuza dosya ekler.

    Screenshot showing Additional information

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

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'da projeye sağ tıklayın, Özellikler'i seçin ve ardından Derleme veya Hata Ayıklama bölümüne gidin.

Not

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

Projenizi Oluşturma

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

Angular CLI npm install komutunu çalıştıracağı için ilk derlemenin biraz zaman alabileceğini unutmayın.

Projenizi Başlatma

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

  • ng start komutunu çalıştıran Angular CLI

    Not

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

Ardından, temel Angular uygulamalarının gösterildiğini görmeniz gerekir!

Sonraki adımlar

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