Kod düzenleyicisini kullanmayı öğrenin

Visual Studio'daki kod düzenleyicisine bu 10 dakikalık girişte, Visual Studio'nun kodu yazmayı, gezinmeyi ve anlamayı kolaylaştırma yollarından bazılarını incelemek için bir dosyaya kod ekleyeceğiz.

İpucu

Visual Studio'yu henüz yüklemediyseniz Visual Studio indirmeleri sayfasına giderek ücretsiz yükleyin.

Visual Studio'yu henüz yüklemediyseniz Visual Studio indirmeleri sayfasına giderek ücretsiz yükleyin.

Bu makalede, bir programlama diline zaten aşina olduğunuz varsayılır. Kullanmıyorsanız, önce Python veya C# ile bir web uygulaması oluşturma veya Visual Basic veya C++ ile konsol uygulaması oluşturma gibi programlama hızlı başlangıçlarından birine bakmanızı öneririz.

İpucu

Bu makaleyi takip etmek için Visual Studio için C# ayarlarının seçili olduğundan emin olun. Tümleşik geliştirme ortamı (IDE) için ayarları seçme hakkında bilgi için bkz . Ortam ayarlarını seçme.

Yeni kod dosyası oluşturma

Yeni bir dosya oluşturup dosyaya kod ekleyerek başlayın.

  1. Visual Studio'yu açın. Geliştirme ortamını açmak için Esc tuşuna basın veya başlangıç penceresinde Kod olmadan devam et'e tıklayın.

  2. Menü çubuğundaki Dosya menüsünden Yeni Dosya'yı> seçin.

  3. Yeni Dosya iletişim kutusundaki Genel kategorisinin altında Visual C# Sınıfı'nı ve ardından Aç'ı seçin.

    Düzenleyicide C# sınıfının iskeletiyle yeni bir dosya açılır. (Kod düzenleyicisinin sunduğu avantajlardan bazılarını elde etmek için tam bir Visual Studio projesi oluşturmak zorunda olmadığımıza dikkat edin; tek ihtiyacınız olan bir kod dosyası!)

    Screenshot of a C# code file in Visual Studio.

  1. Visual Studio'yu açın. Geliştirme ortamını açmak için Esc tuşunu seçin veya başlangıç penceresinde Kod olmadan devam et'i seçin.

  2. Menü çubuğundaki Dosya menüsünden Yeni>Dosya'yı seçin veya Ctrl+N tuşlarını seçin.

  3. Yeni Dosya iletişim kutusundaki Genel kategorisinin altında C# Sınıfı'nı ve ardından Aç'ı seçin.

    Düzenleyicide C# sınıfının iskeletiyle yeni bir dosya açılır.

    Screenshot of a C# code file in Visual Studio 2022.

GitHub Copilot kullanma

GitHub Copilot, doğrudan düzenleyicide kod yazarken otomatik tamamlama stili kod tamamlamaları ve bağlama duyarlı çok satırlı kod önerileri sağlamak için yapay zeka çifti programcısı olarak görev yapar. GitHub Copilot, açıklamalar ve yöntem adları dahil olmak üzere doğal dil istemlerini kodlama önerilerine dönüştürür. GitHub Copilot'tan gelen önerileri doğrudan düzenleyicide görüntüleyebilir ve birleştirebilirsiniz.

Kod önerileri oluşturmak için Copilot'ı kullanalım:

  1. İmlecinizi dosyadaki son kapanış ayracı } öğesinin hemen altına yerleştirin.
  2. Doğal dil açıklaması yazın: // Add a method to add two numbers ve Enter tuşuna basın.
  3. GitHub Copilot sizin için bir kod önerisi oluşturur. Önerilen uygulama gri metinde gösterilir.
  4. Öneriyi kabul etmek için Sekme'yi seçin.

Animated screenshot that shows the code suggestions generated by GitHub Copilot for the user comment.

Visual Studio'da GitHub Copilot'ı kullanmaya başlayın. Visual Studio 2022 17.5.5 veya üzerini gerektirdiğini unutmayın.

Kod parçacıkları kullanma

Visual Studio, yaygın olarak kullanılan kod bloklarını hızlı ve kolay bir şekilde oluşturmak için kullanabileceğiniz yararlı kod parçacıkları sağlar. Kod parçacıkları C#, Visual Basic ve C++ gibi farklı programlama dilleri için kullanılabilir.

Şimdi C# void Main kod parçacığını dosyamıza ekleyelim.

  1. İmlecinizi dosyadaki son kapanış ayracı } öğesinin hemen üzerine getirin ve karakterlerini svmyazın. (svm anlamına static void Maingelir; Main() yöntemi C# uygulamalarının giriş noktasıdır.)

    Kod parçacığı hakkında svm bilgi içeren bir açılır iletişim kutusu görüntülenir.

    Screenshot of an IntelliSense pop-up for a code snippet in Visual Studio.

  2. Kod parçacığını eklemek için Sekme tuşuna iki kez basın.

    Yöntem imzasının static void Main() dosyaya eklendiğini göreceksiniz.

Kullanılabilir kod parçacıkları farklı programlama dilleri için farklılık gösterir. IntelliSense Ekleme Parçacığını Düzenle'yi>ve ardından dilinizin klasörünü seçerek diliniz için kullanılabilir kod parçacıklarına bakabilirsiniz.> C# için liste şöyle görünür:

Screenshot of an IntelliSense pop-up for a C# code snippet list.

  1. İmlecinizi dosyadaki son kapanış ayracının } hemen üzerine getirin ve karakterlerini svmyazın.

    Kod parçacığı hakkında svm bilgi içeren bir açılır iletişim kutusu görüntülenir.

    Screenshot of an IntelliSense pop-up for a code snippet in Visual Studio 2022.

  2. Kod parçacığını eklemek için Sekme tuşunu iki kez seçin.

    Yöntem imzasının static void Main() dosyaya eklendiğini göreceksiniz. Main() yöntemi, C# uygulamalarının giriş noktasıdır.

Kullanılabilir kod parçacıkları farklı programlama dilleri için farklılık gösterir. IntelliSense Ekleme Parçacığını Düzenle'yi>seçerek veya Ctrl K, Ctrl++X tuşlarını ve ardından programlama diliniz için klasörü seçerek diliniz için kullanılabilir kod parçacıklarına bakabilirsiniz.> C# için kod parçacığı listesi şöyle görünür:

Screenshot of an IntelliSense pop-up for a C# code snippet list.

Liste, sınıf, oluşturucu, for döngüsü, if veya switch deyimi oluşturmak için kod parçacıkları ve daha fazlasını içerir.

Açıklama satırı kodu

Visual Studio'daki menü çubuğunun altındaki düğme satırı olan araç çubuğu, kod yazarken daha üretken olmanıza yardımcı olabilir. Örneğin, IntelliSense tamamlama modunu değiştirebilirsiniz (IntelliSense , diğer yöntemlerin yanı sıra eşleşen yöntemlerin listesini görüntüleyen bir kodlama yardımıdır), satır girintisini artırabilir veya azaltabilir ya da derlemek istemediğiniz kodu açıklama satırı yapabilirsiniz. Bu bölümde, bazı kodlara açıklama ekleyeceğiz.

Screenshot of the Editor toolbar in Visual Studio.

  1. Aşağıdaki kodu yöntem gövdesine Main() yapıştırın.

    // _words is a string array that we'll sort alphabetically
    string[] _words = {
        "the",
        "quick",
        "brown",
        "fox",
        "jumps"
    };
    
    string[] morewords = {
        "over",
        "the",
        "lazy",
        "dog"
    };
    
    IEnumerable<string> query = from word in _words
                                orderby word.Length
                                select word;
    
  2. Değişkenini morewords kullanmıyoruz, ancak daha sonra bu değişkeni kullanabiliriz, bu nedenle tamamen silmek istemeyiz. Bunun yerine, bu satırları açıklama satırı yapalım. Kapanış noktalı virgülünün morewords tanımının tamamını seçin ve ardından araç çubuğunda Seçili satırlara açıklama ekle düğmesini seçin. Klavyeyi kullanmayı tercih ediyorsanız Ctrl K, Ctrl++C tuşlarına basın.

    Screenshot of the Comment out button in the Editor toolbar in Visual Studio.

    C# açıklama karakterleri // , kodu açıklama satırı yapmak için seçilen her satırın başına eklenir.

Visual Studio'daki menü çubuğunun altındaki düğme satırı olan Metin Düzenleyicisi araç çubuğu, kod yazarken daha üretken olmanıza yardımcı olur. Örneğin, IntelliSense tamamlama modunu değiştirebilir, satır girintisini artırabilir veya azaltabilir ya da derlemek istemediğiniz kodu açıklama satırı yapabilirsiniz.

Screenshot of the Text Editor toolbar in Visual Studio 2022.

Şimdi bazı kodlara açıklama ekleyelim.

  1. Aşağıdaki kodu yöntem gövdesine Main() yapıştırın.

    // someWords is a string array.
    string[] someWords = {
        "the",
        "quick",
        "brown",
        "fox",
        "jumps"
    };
    
    string[] moreWords = {
        "over",
        "the",
        "lazy",
        "dog"
    };
    
    // Alphabetically sort the words.
    IEnumerable<string> query = from word in someWords
                                orderby word
                                select word;
    
  2. Değişkenini moreWords kullanmıyoruz, ancak daha sonra bu değişkeni kullanabiliriz, bu nedenle silmek istemeyiz. Bunun yerine, bu satırları yorumlayacağız. Kapanış noktalı virgülünün moreWords tüm tanımını seçin ve ardından Metin Düzenleyicisi araç çubuğunda Seçili satırları açıklama satırı yapın düğmesini seçin. Klavyeyi kullanmayı tercih ediyorsanız Ctrl K, Ctrl++C'yi seçin.

    Screenshot of the Comment out button in the Text Editor toolbar in Visual Studio 2022.

    C# açıklama karakterleri // , kodu açıklama satırı yapmak için seçilen her satırın başına eklenir.

    Satırların açıklamasını kaldırmak istediğinizde, bunları seçebilir ve ardından Metin Düzenleyicisi araç çubuğunda Seçili satırları açıklamayı kaldır düğmesini seçebilirsiniz. Klavyeyi kullanmayı tercih ediyorsanız Ctrl K, Ctrl++U'yı seçin.

    Screenshot of the Uncomment button in the Text Editor toolbar in Visual Studio 2022.

Kod bloklarını daraltma

için oluşturulan boş oluşturucuyu görmek istemiyoruz, bu nedenle kod görünümümüzü karmaşık hale getirmek için Class1daraltalım. Oluşturucunun ilk satırının kenar boşluğunda eksi işareti bulunan küçük gri kutuyu seçin. Alternatif olarak, klavyeyi kullanmayı tercih ediyorsanız, imleci oluşturucu kodunun herhangi bir yerine getirin ve Ctrl M, Ctrl++M tuşlarına basın.

Screenshot of the Outlining collapse button in the Text Editor toolbar in Visual Studio.

Kod bloğu yalnızca ilk satıra daraltılır ve ardından üç nokta (... ) eklenir. Kod bloğunu yeniden genişletmek için, artık artı işareti olan aynı gri kutuya tıklayın veya yeniden Ctrl M, Ctrl++M tuşlarına basın. Bu özellik Anahat oluşturma olarak adlandırılır ve özellikle uzun yöntemleri veya sınıfların tamamını daralttığınızda kullanışlıdır.

için oluşturulan boş oluşturucuyu görmek istemiyoruz, bu nedenle kod görünümümüzü karmaşık hale getirmek için Class1daraltalım. Oluşturucunun ilk satırının kenar boşluğunda eksi işareti bulunan küçük gri kutuyu seçin. Alternatif olarak, klavyeyi kullanmayı tercih ediyorsanız, imleci oluşturucu kodunun herhangi bir yerine getirin ve Ctrl M, Ctrl++M tuşlarını seçin.

Screenshot of the Outlining collapse button in the Text Editor toolbar in Visual Studio 2022.

Kod bloğu yalnızca ilk satıra daraltılır ve ardından üç nokta (... ) eklenir. Kod bloğunu yeniden genişletmek için, artık artı işareti olan aynı gri kutuyu seçin veya yeniden Ctrl+M, Ctrl+M'yi seçin. Bu özellik Anahat oluşturma olarak adlandırılır ve özellikle uzun yöntemleri veya sınıfların tamamını daralttığınızda kullanışlıdır.

Simge tanımlarını görüntüleme

Visual Studio düzenleyicisi bir türün, yöntemin vb. tanımını incelemeyi kolaylaştırır. Bunun bir yolu, tanımı içeren dosyaya gitmektir. Örneğin, sembole başvurulacak her yerde Tanıma Git'i seçin. Odağınızı çalıştığınız dosyadan uzaklaştırmayan daha da hızlı bir yol, Göz Atma Tanımı'nı kullanmaktır. Şimdi türün tanımına string göz atalım.

  1. herhangi bir örneğine string sağ tıklayın ve içerik menüsünden Tanıma Göz At'ı seçin. Alternatif olarak Alt+F12 tuşuna da bas.

    Sınıfın String tanımıyla birlikte bir açılır pencere görüntülenir. Açılır pencere içinde kaydırma yapabilir, hatta göz atılan koddan başka bir türün tanımına göz atabilirsiniz.

    Screenshot of a Peek definition window in Visual Studio.

  2. Açılan pencerenin sağ üst kısmında "x" bulunan küçük kutuyu seçerek göz atılan tanım penceresini kapatın.

Visual Studio düzenleyicisi bir türün, yöntemin veya değişkenin tanımını incelemeyi kolaylaştırır. Bunun bir yolu, hangi dosyada varsa, Tanıma Git'i seçerek veya bir simgeye başvurulan her yerde F12 tuşunu seçerek tanıma gitmektir. Odaklanmanızı üzerinde çalıştığınız koddan uzaklaştırmayan daha da hızlı bir yol, Peek Definition kullanmaktır.

Şimdi türün tanımına string göz atalım.

  1. herhangi bir örneğine string sağ tıklayın ve içerik menüsünden Tanıma Göz At'ı seçin. Alternatif olarak Alt+F12 tuşlarını da seçebilirsiniz.

    Sınıfın String tanımıyla birlikte bir açılır pencere görüntülenir. Açılır pencere içinde kaydırma yapabilir, hatta göz atılan koddan başka bir türün tanımına göz atabilirsiniz.

    Screenshot of the Peek definition window in Visual Studio 2022.

  2. Açılır pencerenin sağ üst kısmında "x" bulunan küçük kutuyu seçerek göz atma tanımı penceresini kapatın.

Sözcükleri tamamlamak için IntelliSense kullanma

IntelliSense , kodlama yaparken çok değerli bir kaynaktır. Bir türün kullanılabilir üyeleri hakkındaki bilgileri veya bir yöntemin farklı aşırı yüklemeleri için parametre ayrıntılarını gösterebilir. IntelliSense'i kullanarak, bir sözcüğü kesinleştirmeye yetecek kadar karakter yazdıktan sonra da tamamlayabilirsiniz. Sıralı dizeleri, programın çıkışının gidildiği standart yer olan konsol penceresine yazdırmak için bir kod satırı ekleyelim.

  1. Değişkenin query altında aşağıdaki kodu yazmaya başlayın:

    foreach (string str in qu
    

    IntelliSense'in size simge hakkında query Hızlı Bilgi gösterdiğini görürsünüz.

    Screenshot of an IntelliSense word completion pop-up in Visual Studio.

  2. IntelliSense'in sözcük tamamlama işlevini kullanarak sözcüğün query geri kalanını eklemek için Sekme tuşuna basın.

  3. Aşağıdaki koda benzemek için kod bloğunu tamamlayın. Kodu oluşturmak için sekme tuşuna iki kez girerek cw ve sekme tuşuna basarak kod parçacıklarını yeniden kullanma alıştırması Console.WriteLine bile yapabilirsiniz.

    foreach (string str in query)
    {
       Console.WriteLine(str);
    }
    

IntelliSense , kodlama yaparken çok değerli bir kaynaktır. Bir türün kullanılabilir üyeleri hakkındaki bilgileri veya bir yöntemin farklı aşırı yüklemeleri için parametre ayrıntılarını gösterebilir. IntelliSense'i kullanarak, bir sözcüğü kesinleştirmeye yetecek kadar karakter yazdıktan sonra da tamamlayabilirsiniz.

Sıralı dizeleri, programın çıkışının gidildiği standart yer olan konsol penceresine yazdırmak için bir kod satırı ekleyelim.

  1. Değişkenin query altında aşağıdaki kodu yazmaya başlayın:

    foreach (string str in qu
    

    Simge hakkında query bilgi içeren bir IntelliSense açılır penceresi görürsünüz.

    Screenshot of an IntelliSense word completion pop-up in Visual Studio 2022.

  2. IntelliSense sözcük tamamlama özelliğini kullanarak sözcüğün query geri kalanını eklemek için Sekme tuşunu seçin.

  3. Aşağıdaki koda benzemek için kod bloğunu tamamlayın. deyimini oluşturmak Console.WriteLine için sekmeyi iki kez girip cw seçerek kod parçacıklarıyla daha fazla alıştırma yapabilirsiniz.

    foreach (string str in query)
    {
       Console.WriteLine(str);
    }
    

Adı yeniden düzenleme

İlk seferinde kimse doğru kodu alamayabilir ve değiştirmeniz gereken şeylerden biri bir değişkenin veya yöntemin adıdır. Değişkeni wordsolarak yeniden adlandırmak _words için Visual Studio'nun yeniden düzenleme işlevini deneyelim.

  1. İmlecinizi değişkenin tanımının _words üzerine getirin ve sağ tıklama veya bağlam menüsünden Yeniden Adlandır'ı seçin veya Ctrl+R, Ctrl+R tuşlarına basın.

    Düzenleyicinin sağ üst kısmında bir Yeniden Adlandır iletişim kutusu görüntülenir.

  2. İstediğiniz ad sözcüklerini girin. Sorgudaki başvurusunun da otomatik olarak yeniden adlandırıldığına words dikkat edin. Enter tuşuna basmadan önce, Yeniden Adlandır açılır kutusunda Açıklamaları ekle onay kutusunu seçin.

    Screenshot of a Rename dialog box in Visual Studio.

  3. Enter'a basın.

    Her iki oluşumu words da yeniden adlandırıldı ve ayrıca kod açıklamasındaki başvurusu words .

İlk seferinde kimse doğru kodu alamayabilir ve değiştirmeniz gereken şeylerden biri bir değişkenin veya yöntemin adıdır. Değişkeni unsortedWordsolarak yeniden adlandırmak someWords için Visual Studio'nun yeniden düzenleme işlevini deneyelim.

  1. İmlecinizi değişkenin tanımının someWords üzerine getirin ve sağ tıklama veya bağlam menüsünden Yeniden Adlandır'ı seçin veya F2 tuşunu seçin.

    Düzenleyicinin sağ üst kısmında Yeniden Adlandır iletişim kutusu görüntülenir.

    Screenshot of the Rename pop-up box within the editor of Visual Studio 2022.

  2. İstenilen adı sıralanmamışWords olarak girin. Atama deyimindeki başvurusunun unsortedWords query da otomatik olarak yeniden adlandırıldığını göreceksiniz. Enter tuşunu seçmeden önce, Yeniden Adlandır açılır kutusunda Açıklamaları ekle onay kutusunu seçin.

    Screenshot of the Rename pop-up box in Visual Studio 2022.

  3. Enter tuşuna basın.

    Kodunuzdaki her iki oluşum someWords da yeniden adlandırıldı ve kod açıklamanızdaki metin someWords .

Sonraki adımlar

Ayrıca bkz.