Aracılığıyla paylaş


Kod düzenleyicisini kullanmayı öğrenin

Visual Studio kod düzenleyicisine bu girişte, bir dosyaya kod ekleyecek ve Visual Studio'nun kodu yazmayı, gezinmeyi ve anlamayı nasıl kolaylaştırmaya yardımcı olduğunu keşfedeceksiniz.

Tip

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

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

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.

Prerequisites

  • C# geliştirme ayarlarının yapılandırıldığı Visual Studio. Ayarları yapılandırmak için bkz. Ortam ayarlarını seçme.

Yeni kod dosyası oluşturma

Yeni bir dosya oluşturun ve dosyaya kod ekleyin.

  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'i seçin.

  2. Menü çubuğundaki Dosyamenü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ı!)

    Visual Studio'da C# kod dosyasının ekran görüntüsü.

  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 Dosyamenüsünden Yeni>Dosya'yı 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 temel C# sınıf yapısına sahip yeni bir dosya açılır.

    Visual Studio 2022'de C# kod dosyasının ekran görüntüsü.

GitHub Copilot kullanma

GitHub Copilot, doğrudan düzenleyicide, gerçek zamanlı olarak, kod yazarken otomatik tamamlama stilinde kod tamamlamaları ve bağlama uygun şekilde çok satırlı kod önerileri sağlamak üzere yapay zeka partner programcı 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.

    GitHub Copilot tarafından kullanıcı açıklaması için oluşturulan kod önerilerini gösteren animasyonlu ekran görüntüsü.

Şimdi Copilot Chat'i kullanarak istem olarak kodlamayla ilgili bir soru gönderelim:

  1. IDE'nin sağ üst köşesindeki GitHub Copilot rozetini seçin.

  2. Açılır menüden Sohbet Penceresini Aç seçin.

  3. Sohbet penceresine aşağıdaki istemi girin:

    
    Generate sample code for a simple C# method to add two numbers.
    
    
  4. Copilot Chat, isteminize yanıt olarak örnek kod oluşturur.

GitHub Copilot yapay zeka ile desteklendiğinden sürprizler ve hatalar mümkündür. Daha fazla bilgi için GitHub Copilot SSS'ye bakın.

Visual Studio'da GitHub Copilot'ı kullanmaya başlayın.

Kod parçacıkları kullan

Visual Studio, yaygın olarak kullanılan kod bloklarını hızla oluşturmak için kullanabileceğiniz yararlı kod parçacıkları sağlar. Kod parçacıkları C#, Visual Basic ve C++ gibi çeşitli programlama dillerinde kullanılabilir.

Şimdi C# void Main kod parçacığını dosyanıza ekleyin.

  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.)

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

    Visual Studio'da kod parçacığı için IntelliSense açılır penceresinin ekran görüntüsü.

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

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

Kullanılabilir kod parçacıkları farklı programlama dilleri için farklılık gösterir. Dilinize ait mevcut kod parçacıklarına bakmak için Düzenle>IntelliSense>Parçacık Ekle ve ardından dilinizin klasörünü seçin. C# için liste şöyle görünür:

C# kod parçacığı listesi için IntelliSense açılır penceresinin ekran görüntüsü.

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

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

    Visual Studio 2022'de kod parçacığı için IntelliSense açılır penceresinin ekran görüntüsü.

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

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

Kullanılabilir kod parçacıkları programlama diline göre farklılık gösterir. Dilinizin kullanılabilir kod parçacıklarını görüntülemek içinIntelliSense>Ekleme> gidin veya Ctrl+K, Ctrl+X tuşları'nı ve ardından programlama dilinizin klasörünü seçin. C# için kod parçacığı listesi şöyle görünür:

C# kod parçacığı listesi için IntelliSense açılır penceresinin ekran görüntüsü.

Liste, sınıfı oluşturmak için kod parçacıkları, oluşturucu, döngüsü için, veya deyimini değiştirirse ve daha fazlasını içerir.

Kodu yorum satırına al

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 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.

Visual Studio'da Düzenleyici araç çubuğunun ekran görüntüsü.

  1. Aşağıdaki kodu Main() yöntemi gövdesine 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. morewords değişkenini kullanmıyoruz, ancak daha sonra bu değişkeni kullanabiliriz, bu nedenle tamamen silmek istemeyiz. Bunun yerine, bu satırları yorum satırı haline getirelim. 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+Ktuşlarına basın Ctrl+C.

    Visual Studio'da Düzenleyici araç çubuğundaki Açıklama çıkar düğmesinin ekran görüntüsü.

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

Visual Studio'da menü çubuğunun altındaki düğme satırı olan Metin Düzenleyicisi araç çubuğu, kod yazarken daha üretken çalışmanı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.

Visual Studio 2022'de Metin Düzenleyicisi araç çubuğunun ekran görüntüsü.

Şimdi bazı kodlara açıklama ekleyelim.

  1. Aşağıdaki kodu Main() yöntemi gövdesine 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şken moreWords şu anda kullanılmıyor, ancak daha sonra kullanabilirsiniz, bu nedenle değişkeni silmek yerine bu satırları açıklama satırı yapabilirsiniz. Tüm moreWords tanımını kapanış noktalı virgülüne kadar seçin ve ardından Metin Düzenleyicisi araç çubuğunda Seçili satırları açıklama satırına al düğmesini veya Ctrl+K, Ctrl+C'yi kullanın.

    Visual Studio 2022'de Metin Düzenleyicisi araç çubuğundaki Açıklama çıkar düğmesinin ekran görüntüsü.

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

    Satırları açmak için, bunları seçebilir ve ardından Metin Düzenleyicisi araç çubuğunda Seçili çizgilerin açıklamasını kaldır düğmesini veya Ctrl+K, Ctrl+U'yı seçebilirsiniz.

    Visual Studio 2022'de Metin Düzenleyicisi araç çubuğundaki Açıklamayı Kaldır düğmesinin ekran görüntüsü.

Kod bloklarını daralt

için oluşturulan boş Class1'i görmek istemiyoruz, bu nedenle kodun görünümünü sadeleştirmek için daraltalı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+MCtrl+Mtuşlarına basın.

Visual Studio'da Metin Düzenleyicisi araç çubuğundaki Anahat daraltma düğmesinin ekran görüntüsü.

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

Eğer için oluşturulan boş Class1 görmek istemiyorsanız, kod görünümünüzdeki dağınıklığı ortadan kaldırmak için bunu daraltabilirsiniz. Oluşturucunun ilk satırının marjındaki şapka işaretini seçin. Alternatif olarak, klavyeyi kullanmayı tercih ediyorsanız, imleci oluşturucu kodunun herhangi bir yerine getirin ve Ctrl+, Ctrl+M tuşlarını seçin.

Metin Düzenleyicisi araç çubuğundaki Anahat daraltma düğmesinin ekran görüntüsü.

Kod bloğu yalnızca ilk satıra daraltılır, ardından bir üç nokta (...) gelir. Kod bloğunu yeniden genişletmek için şapka işaretini ()> seçin veya yeniden Ctrl+M, Ctrl M'yi+ seçin. Bu özellik Anahat 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ı kullanmaktır. şimdi string türünün tanımına göz atalım.

  1. string herhangi bir örneğine sağ tıklayın ve içerik menüsünden Tanımı Göster'i seçin. Alternatif olarak, Alt+F12tuşlarına da bas.

    String sınıfının 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.

    Visual Studio'da bir Açıklamaya Göz atma penceresinin ekran görüntüsü.

  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 Definitionkullanmaktır.

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

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

    String sınıfının 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.

    Visual Studio'daki Tanım Bak penceresinin ekran görüntüsü.

  2. Açılır pencerenin sağ üst köşesindeki "x" bulunan küçük kutuyu seçerek tanım önizleme 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 metotun farklı aşırı yüklenmeleri 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. query değişkeninin altında aşağıdaki kodu yazmaya başlayın:

    foreach (string str in qu
    

    IntelliSense'in simgesi hakkında query gösterdiğini görürsünüz.

    Visual Studio'da IntelliSense sözcük tamamlama açılır penceresinin ekran görüntüsü.

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

  3. Aşağıdaki koda benzemek için kod bloğunu tamamlayın. cw girip kodu oluşturmak için Console.WriteLine iki kez basarak kod parçacıklarını yeniden kullanma alıştırması 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 metotun farklı aşırı yüklenmeleri 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. query değişkeninin altında aşağıdaki kodu yazmaya başlayın:

    foreach (string str in qu
    

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

    Visual Studio 2022'de IntelliSense sözcük tamamlama açılır penceresinin ekran görüntüsü.

    Copilot aboneliği olan bir GitHub hesabıyla oturum açtıysanız, kod önerilerinin gri metinde göründüğünü de görürsünüz.

  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. Kod parçacıklarıyla daha fazla alıştırma yapmak için cw girip ardından iki kez Tab tuşuna basarak Console.WriteLine deyimini oluşturabilirsiniz.

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

Bir ismi yeniden yapılandır

İlk seferinde kimse doğru kodu alamayabilir ve değiştirmeniz gereken şeylerden biri bir değişkenin veya yöntemin adıdır. Visual Studio'nun yeniden düzenleme işlevselliğini deneyerek _words değişkenini wordsolarak yeniden adlandıralım.

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

    Düzenleyicinin sağ üst kısmında yeniden adlandır iletişim kutusu içeren bir açılır pencere görüntülenir.

  2. istediğiniz adısözcükleri girin. Sorgudaki words referansının da otomatik olarak yeniden adlandırıldığına dikkat edin. Enter basmadan önce, Yeniden Adlandır açılır kutusunda Yorumları dahil et onay kutusunu seçin.

    Visual Studio'da Yeniden Adlandır iletişim kutusunun ekran görüntüsü.

  3. Enter tuşuna basın.

    words'un her iki gösterimi de yeniden adlandırıldı, kod açıklamasındaki words başvurusu da değiştirildi.

İlk seferinde kimse doğru kodu alamayabilir ve değiştirmeniz gereken şeylerden biri bir değişkenin veya yöntemin adıdır. Visual Studio'nun yeniden düzenleme işlevselliğini deneyerek someWords değişkenini unsortedWordsolarak yeniden adlandıralım.

  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.

    Visual Studio 2022 düzenleyicisindeki Yeniden Adlandır açılır kutusunun ekran görüntüsü.

  2. İstediğiniz adı sıralanmamışKelimelergirin. unsortedWords atama ifadesindeki query başvurusunun 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.

    Visual Studio 2022'de Yeniden Adlandır açılır kutusunun ekran görüntüsü.

  3. Enter anahtarını seçin.

    Kodunuzda, someWords'un her iki tekrarı da yeniden adlandırıldı ve ayrıca kod açıklamanızdaki someWords metni de yeniden adlandırıldı.

Sonraki Adımlar

Ayrıca bakınız