Vue.js projesi oluşturma

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

Önkoşullar

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

Uygulamanızı oluşturma

  1. Başlangıç penceresinde (açmak için Dosya >Başlangıç Penceresi seçin), Yeni bir proje oluşturseçin.

    Yeni proje oluşturma gösteren ekran görüntüsü

  2. Üstteki arama çubuğunda Vue araması yapın ve ardından JavaScript veya TypeScript için Vue App seçin.

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

    Visual Studio 2022 sürüm 11'den itibaren, Bağımsız JavaScript Vue Proje olan şablon adı Vue Uygulamasıolarak değiştirildi.

  3. Projenize ve çözümünüze bir ad verin ve ardından İleriseçin.

  4. Oluştur'u seçin ve Visual Studio'nın 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'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 Vue.js uygulamasının gösterildiğini göreceksiniz!

Sonraki adımlar

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

Vue ile ASP.NET Core uygulaması oluşturma