Hızlı Başlangıç: Vue.js projesi oluşturma

Bu Hızlı Başlangıçta bir temel Vue.js ön uç web uygulaması oluşturup çalıştıracaksınız. Bu makale, Visual Studio tümleşik geliştirme ortamına (IDE) 5-10 dakikalık bir giriş sağlar.

Önkoşullar

Yapılandırmanızı aşağıdaki önkoşullarla hazırlayın:

• Visual Studio 2022 veya üzeri (Visual Studio indirmelerinde ücretsiz sürümü edinin)

• npm (Node.js ile birlikte gelen, https://www.npmjs.com/)

• Vue.js (Yükleme | Vue.js (vuejs.org))

Vue uygulamanızı oluşturma

Aşağıdaki adımları izleyerek Vue.js bir web uygulaması oluşturun:

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

   

   

2. Yeni proje oluştur iletişim kutusunda arama kutusuna Vue yazın. JavaScript veya TypeScript için Vue Uygulama şablonunu seçin ve İleri'yi seçin.

   

   

   Visual Studio 2022 sürüm 11 ve sonraki sürümlerde, tek başına JavaScript Vue Project şablon adı Vue Uygulaması olarak değiştirildi.

3. Projeniz ve çözümünüz için bir ad girin ve Oluştur'u seçin.

yeni projenizi oluşturmak için Visual Studio bekleyin.

Proje özelliklerini görüntüleme

Varsayılan proje ayarları, projeyi derlemenize ve hatalarını ayıklamanıza olanak sağlar.

Herhangi bir ayarı değiştirmek istiyorsanız şu adımları izleyin:

1. Çözüm Gezgini'da projeye sağ tıklayın ve Özellikler'i seçin.

2. Proje özellikleri bölmesinde Hata Ayıkla, Linting, Derleme veya Dağıt'ı seçerek ilgili özellikleri görüntüleyin.

Hata ayıklayıcısı yapılandırması için launch.json dosyasını kullanın.

Projenizi oluşturma

Yeni projenizi derlemek için Derle>Çözümü Derle seçeneğini belirleyin.

Projenizi başlatma

F5'i seçin veya pencerenin üst kısmındaki Başlat eylemini kullanın.

Proje aşağıdaki metni (veya benzerini) içeren bir komut istemi açar:

VITE v4.4.9 ready in 780 ms

İşlem başarılı olduğunda temel Vue.js uygulaması açılır.

Sonraki adım