JavaScript için Visual Studio IDE'ye genel bakış

Visual Studio tümleşik geliştirme ortamına (IDE) yönelik bu 5-10 dakikalık tanıtımda bazı pencereler, menüler ve diğer kullanıcı arabirimi özelliklerinde bir tura çıkarız.

Visual Studio'yu yüklemediyseniz, ücretsiz yüklemek için Visual Studio indirmeleri sayfasına gidin.

Başlangıç penceresi

Visual Studio'yu başlattıktan sonra göreceğiniz ilk şey başlangıç penceresidir. Başlangıç penceresi, daha hızlı "koda" başlamanıza yardımcı olmak için tasarlanmıştır. Kodu kapatma veya kullanıma alma, var olan bir projeyi veya çözümü açma, yeni bir proje oluşturma veya yalnızca bazı kod dosyalarını içeren bir klasör açma seçenekleri vardır. Başlangıç penceresi açık değilse, açmak için Dosya > Başlangıç Penceresi'ni seçin.

Visual Studio'yu ilk kez kullanıyorsanız, son projeler listeniz boş olur.

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.

Kod olmadan devam et seçeneği, visual studio geliştirme ortamını belirli bir proje veya kod yüklenmeden açar. Canlı Paylaşım oturumuna katılmak veya hata ayıklama işlemine eklemek için bu seçeneği belirleyebilirsiniz. Başlangıç penceresini kapatmak ve IDE'yi açmak için Esc tuşuna da basabilirsiniz.

Proje oluştur

Visual Studio'nun özelliklerini keşfetmeye devam etmek için yeni bir proje oluşturalım.

1. Başlangıç penceresinde Yeni proje oluştur'u seçin ve ardından arama kutusuna javascript veya typescript yazarak proje türlerinin listesini adlarında veya dil türlerinde "javascript" veya "typescript" bulunanlara filtreleyin.

   Visual Studio, hızlı bir şekilde kodlamaya başlamanıza yardımcı olan çeşitli proje şablonları sağlar.

   

2. Bir JavaScript Express Application proje şablonu seçin ve İleri'ye tıklayın.

3. Görüntülenen Yeni projenizi yapılandırın iletişim kutusunda varsayılan proje adını kabul edin ve Oluştur'u seçin.

   Proje oluşturuldu. Sağ bölmede app.js'ı seçerek dosyayı Düzenleyici 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.

   

Çözüm Gezgini

Genellikle Visual Studio'nun sağ tarafında yer alan Çözüm Gezgini, projenizdeki, çözümünüzdeki veya kod klasörünüzdeki dosya ve klasör hiyerarşisinin grafiksel bir gösterimini gösterir. Hiyerarşiye göz atabilir ve Çözüm Gezgini'nde bir dosyaya gidebilirsiniz.

Menü

Visual Studio'nun üst kısmındaki menü çubuğu komutları kategorilere ayırır. Ö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.

Şimdi Görünüm menüsünü ve ardından Hata Listesi'ni seçerek Hata Listesi penceresini açalım.

Hata Listesi

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ış penceresi

Çıkış penceresinde, projenizi oluştururken ve kaynak denetim sağlayıcınızdan gelen çıkış iletileri gösterilir.

Şimdi biraz derleme çıktısı görmek için projeyi derleyelim. Derlemenüsünden Çözüm Derle'yi seçin. Çıkış penceresi otomatik olarak odağı alır ve başarılı bir derleme iletisi görüntüler.

Arama kutusu

Arama kutusu, Visual Studio'da hemen hemen her şeyi gerçekleştirmenin hızlı ve kolay bir yoludur. Yapmak istediğiniz işlemle ilgili bazı metinler girebilirsiniz ve bu metinle ilgili seçeneklerin listesini gösterir. Örneğin, derlemenin tam olarak ne yaptığını gösteren ek ayrıntıları görüntülemek için derleme çıkışının ayrıntı düzeyini artırmak istediğinizi düşünün. Bunu şu şekilde yapabilirsiniz:

1. Arama kutusunu görmüyorsanız, açmak için Ctrl+Q tuşuna basın ve ardından kutuya ayrıntı yazın.

2. Görüntülenen sonuçlardan MSBuild projesi derleme çıkış ayrıntı düzeyini (projectsAndSolutions.buildAndRun.outputVerbosity) girdisine çift tıklayın.

   

   Seçenekler bölmesi, Tüm Ayarlar>Projeleri ve Çözümler>Derleme ve Çalıştırma bölümünde açılır.

3. Açılan listeyi kullanın ve MSBuild projesi derleme çıkışı ayrıntı düzeyiniNormal olarak ayarlayın.

4. Çözüm Gezgini'nde projeye sağ tıklayıp bağlam menüsünden Yeniden Oluştur'u seçerek projeyi yeniden oluşturun.

   Bu kez Çıkış penceresinde derleme işleminden daha ayrıntılı günlükler gösterilir.

   

Geri Bildirim Gönder menüsü

Visual Studio kullanırken herhangi bir sorunla karşılaşırsanız veya ürünü nasıl geliştirebileceğinize ilişkin önerileriniz varsa, Visual Studio penceresinin üst kısmındaki Geri Bildirim Gönder menüsünü kullanabilirsiniz.

Sonraki Adımlar

Kullanıcı arabirimini tanımak için Visual Studio'nun özelliklerinden yalnızca birkaçını inceledik. Daha fazla keşfetmek için:

Kod düzenleyicisi hakkında bilgi edinin

Projeler ve çözümler hakkında bilgi edinin

Ayrıca bakınız

• Visual Studio IDE'ye genel bakış
• Visual Studio 2017'nin diğer özellikleri
• Tema ve yazı tipi renklerini değiştirme