Not
Bu sayfaya erişim yetkilendirme gerektiriyor. Oturum açmayı veya dizinleri değiştirmeyi deneyebilirsiniz.
Bu sayfaya erişim yetkilendirme gerektiriyor. Dizinleri değiştirmeyi deneyebilirsiniz.
Bu Hızlı Başlangıçta Visual Studio tümleşik geliştirme ortamını (IDE) keşfedersiniz. Bu makale, JavaScript geliştirme için kullanılabilen pencereler, menüler ve diğer özellikleri tanımanıza yardımcı olmak için 5-10 dakikalık bir giriş sağlar.
Visual Studio yoksa, Visual Studio İndirmeler sayfasından free deneme sürümü yükleyebilirsiniz.
Başlangıç Penceresini Kullanma
Visual Studio başlattıktan sonra göreceğiniz ilk şey Start Window olur. Başlangıç Penceresi, daha hızlı "koda" başlamanıza yardımcı olacak şekilde tasarlanmıştır. Kodu kopyalama veya kullanıma alma, var olan bir projeyi veya çözümü açma, yeni proje oluşturma veya kod dosyaları içeren bir klasör açma seçenekleri vardır.
zaten Visual Studio üzerinde çalışıyorsanız Başlangıç Penceresi'ni açmak için File>Start Window seçeneğini belirleyebilirsiniz.
Visual Studio ile çalışmaya yeni başlıyorsanız, son projeler listeniz boş olabilir.
MSBuild tabanlı olmayan kod tabanlarıyla çalışıyorsanız, kodunuzu Visual Studio açmak için Klasör aç seçeneğini kullanın. Daha fazla bilgi için bkz. Visual Studio'da proje veya çözüm olmadan kod geliştirme. Aksi takdirde yeni bir proje oluşturabilir veya GitHub veya Azure DevOps gibi bir kaynak sağlayıcıdan proje kopyalayabilirsiniz.
MSBuild tabanlı olmayan kod tabanlarıyla çalışıyorsanız, kodunuzu Visual Studio'da açmak için Yerel klasör aç seçeneğini kullanın. Daha fazla bilgi için bkz. Visual Studio'da proje veya çözüm olmadan kod geliştirme. Aksi takdirde yeni bir proje oluşturabilir veya GitHub veya Azure DevOps gibi bir kaynak sağlayıcıdan proje kopyalayabilirsiniz.
Visual Studio başlattığınızda, Başlangıç Penceresi kod olmadan Continue seçeneğini içerir. Bu eylem, belirli bir proje veya kod yüklenmeden Visual Studio geliştirme ortamını açmanıza olanak tanır. Canlı Paylaşım oturumuna katılmak veya hata ayıklama işlemine eklemek için bu seçeneği kullanabilirsiniz. Başlangıç Penceresi'ni kapatmak ve IDE'yi açmak için Esc tuşunu da seçebilirsiniz.
Proje oluştur
Visual Studio özelliklerini keşfetmeye devam etmek için yeni bir proje oluşturun. Visual Studio, hızlı bir şekilde kodlamaya başlamanıza yardımcı olan çeşitli proje şablonları sağlar.
Başlangıç Penceresi'nde Yeni proje oluştur'u seçin. Yeni proje oluşturma seçeneklerini göstermek için pencere yenilenir.
Şablon ara kutusuna javascript veya typescript yazın.
Giriş metniniz proje türleri listesini filtrelediğinde, adlarında veya dil türlerinde "JavaScript" veya "TypeScript" içeren şablonları gösterir.
Visual Studio Başlangıç Penceresi. Visual Studio 2022 Başlangıç Penceresi. JavaScript Express Application proje şablonunu ve ardından İleri'yi seçin.
Yeni projenizi yapılandırın penceresinde varsayılan proje adını kabul edin ve Oluştur'u seçin.
Visual Studio projeyi oluşturur ve IDE'de açar. Projenin dosyaları ve klasörleri Çözüm Gezgini görünür.
Çözüm Gezgini'da projenize göz atın
Çözüm Gezgini bölmesi genellikle Visual Studio IDE sağ tarafında açılır. Bu pencerede projenizdeki, çözümünüzdeki veya kod klasörünüzdeki dosya ve klasör hiyerarşisinin grafik gösterimi gösterilir.
Hiyerarşiye göz atabilir, belirli bir dosya veya klasörü arayabilir ve açmak için bir dosya seçebilirsiniz.
Dosyaları kod düzenleyicisinde açma
Çözüm Gezgini app.js dosyasını seçerek dosyayı Editor penceresinde açın. Düzenleyici, dosyaların içeriğini gösterir ve visual studio'da kodlama çalışmalarınızın çoğunu burada yaparsınız.
Ana menüleri keşfedin
Visual Studio IDE üst kısmındaki menü çubuğu, kategoriye göre düzenlenmiş komut gruplarına hızlı erişim sağlar. Örneğin, Proje menüsünde çalıştığınız projeyle ilgili komutlar bulunur. Araçlar menüsünde, Seçenekler'i seçerek Visual Studio'nın nasıl davranacağını özelleştirebilir veya Araçları ve Özellikleri Al'ı seçerek yüklemenize özellikler ekleyebilirsiniz.
Görünümle ilgili komutların listesini görmek için Görünüm'ü seçin ve ardından Hata Listesi'ni seçerek Hata Listesi penceresini açın.
Hata Listesi'nde hataları ve uyarıları gözden geçirin
Hata Listesi kodunuzun geçerli durumuyla ilgili hataları, uyarıları ve iletileri gösterir. Dosyanızda veya projenizde herhangi bir yerde hatalar (eksik ayraç veya noktalı virgül gibi) varsa, bunlar burada listelenir.
Çıkış penceresinde derleme iletilerini denetleme
Çıkış penceresinde, projenizi oluştururken ve kaynak denetim sağlayıcınızdan gelen çıkış iletileri gösterilir.
Çıkış penceresinde derleme iletilerini keşfedebilmeniz için yeni projenizi oluşturun. Menü çubuğunda, Derle>Çözümü Derle seçin.
Çıkış penceresi otomatik olarak odağı alır ve başarılı bir derleme iletisi görüntüler.
Komutları ve özellikleri arama
Arama kutusu, Visual Studio'da her şeyi gerçekleştirmenin hızlı ve kolay bir yoludur. Yapmak istediğiniz işlemle ilgili bazı metinler girebilirsiniz ve arama sonuçları giriş metninizle ilgili seçeneklerin listesini gösterir.
Derlemenin ne yaptığını daha ayrıntılı görmek için derleme çıktısının ayrıntı düzeyini artırmak istediğinizi varsayalım. Şu adımları izleyebilirsiniz:
- Arama kutusunu görmüyorsanız Ctrl+Q klavye kısayolunu kullanın. Arama kutusuna verbosity yazın.
Sonuçlar listesinde MSBuild proje derleme çıktısı ayrıntı düzeyi (projectsAndSolutions.buildAndRun.outputVerbosity) girdisine çift tıklayın.
Seçenekler bölmesi, Tüm Ayarlar>Projeleri ve Çözümleri>Derleme ve Çalıştırma bölümünde açılır.
Açılan listeyi kullanın ve MSBuild projesi derleme çıkışı ayrıntı düzeyiniNormal olarak ayarlayın.
Sonuçlar listesinde MSBuild ayrıntı düzeyini değiştir (Projeler ve Çözümler > Derleme ve Çalıştırma) girdisine çift tıklayın.
Seçenekler iletişim kutusu Projeler ve Çözümler>Derleme ve Çalıştırma bölümünde açılır.
Açılan listeyi kullanın, MSBuild projesi derleme çıkışı ayrıntı düzeyiniNormal olarak ayarlayın ve Tamam'ı seçin.
Çözüm Gezgini'da projeye sağ tıklayıp bağlam menüsünden Rebuild'ı seçerek projeyi yeniden oluşturun.
Bu kez Çıkış penceresinde derleme sürecine ait daha ayrıntılı günlük kayıtları görüntülenir.
Geri bildirim gönderme
Visual Studio kullanırken herhangi bir sorunla karşılaşırsanız veya ürünü nasıl iyileştirebileceğinize ilişkin önerileriniz varsa, Visual Studio penceresinin üst kısmındaki Görüş Gönder menüsünü kullanabilirsiniz.
