Başlangıç penceresinde (açmak için Dosya >Başlangıç Penceresi seçin), Yeni bir proje oluşturseçin.
gösteren ekran görüntüsü
Üstteki arama çubuğunda Vue araması yapın ve ardından JavaScript veya TypeScript için Vue App seçin.
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.
Projenize ve çözümünüze bir ad verin ve ardından İleriseçin.
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!
Azure İşlevleri oluşturmak, web uygulamalarını uygulamak ve yönetmek, Azure depolamayı kullanan çözümler geliştirmek ve daha fazlasını yapmak için Microsoft Azure'da uçtan uca çözümler oluşturun.
Proje özellik sayfalarının Hata Ayıklama sekmesini ve Derleme sekmesini kullanarak Visual Studio'da React, Angular veya Vue kullanan bir JavaScript projesinin (.esproj) proje ayarlarını değiştirmeyi öğrenin.