Kod Eşlemeleriyle Görsel Olarak Kodu Anlama, Koda Gitme ve Kodda Hata Ayıklama

Kodu Visual Studio Ultimate ile ilişkileri eşleyebilirsiniz.Kod eşlemeleri oluşturduğunuzda, Kod Düzenleyici görünürler.Bu kod içindeki görebileceğinizden çalışırken sizin göreve odaklanmanızı oluşturmanızı sağlar.

Kod eşlemeleri kodunuzda ilişkileri göstermek ve Kod Düzenleyicisi görünür. Yeşil bir ok imleci 's konum kodunu gösterir. Bir harita üzerinde notlar gibi kağıt üzerinde yapabilirsiniz.

Kod büyük kod tabanına, tanımadığınız kodu veya eski kod kaybolmaktan vermeyecek eşleştirir.Örneğin, hata ayıklaması, çok sayıda dosya ve projelerine koduna bakmanız gerekebilir.Bu kod parçalarını gezinmek ve onlar arasındaki ilişkileri görmek Yardım kodu eşleştirir.Bu kod unutmayın, dosyaların izini sürmek veya ayrı kağıt diyagram çizmek zorunda değilsiniz.Çalışmanızı kesmek varsa, kod üzerinde çalıştığınız kodu hakkında belleğinizi Yardım yenileme eşleştirir.

Kod eşlemeleri eylemde izleyebilirsiniz: anlamak karmaşık kod kod Haritası (Kanal 9) ile

Gereksinimler

• Visual Studio 2012.1 ve bu sürümleri birini:

  • Kod Düzenleyicisi'nden ya da Çözüm Gezgini'nden Ultimate kodu oluşturmak için Visual Studio 2012 eşleştirir.

    [!NOT]

    Haritalar Professional veya Premium kullanan başkalarıyla paylaşmadan önce harita üzerinde tüm öğelerin gizli öğeleri, genişletilmiş grupları ve çapraz grup bağlantıları gibi görünür olduğundan emin olun.

  • Visual Studio 2012 Premium veya Visual Studio 2012 Professional kod eşlemeleri açmak için sınırlı düzenlemeler ve kod gidin.

• Visual C# .NET veya Visual Basic .NET kodu içeren bir çözüm

Sorunu anlamak

Üzerinde çalışmakta olduğunuz bir çizim programında bir hata varsa varsayalım.Hatayı yeniden oluşturmak için çözüm Visual Studio Ultimate ve basın açtığınız F5 hata ayıklama başlatmak için.

Ne zaman bir çizgi çizin ve seçim Benim son vuruş geri, çizdiğiniz sonraki satıra kadar hiçbir şey olmuyor.

Arayarak araştırma başlatmak için Undo yöntem.İçinde Bul PaintCanvas sınıf.

Başlatma kodu eşleme

Eşlemeyi başlatmak artık undo yöntemi ve ilişkileri.Kod Düzenleyicisi'nden eklediğiniz undo yöntemi ve yeni bir kod eşleme başvuran alanları.Yeni bir eşleme oluşturduğunuz zaman, kod dizini oluşturmak için biraz zaman alabilir.Bu sonraki işlemleri daha hızlı çalışmasını sağlar.

İpucu
Yeşil Vurgu eşlemesine eklenen son öğeleri gösterir.Yeşil ok imleci 's konum kodunu gösterir.Öğeler arasındaki oklar, farklı bir ilişki temsil eder.Kendi araç ipuçlarını inceleyerek haritayı öğeler hakkında daha fazla bilgi edinebilirsiniz.

Gidin ve eşlemesinden kodunu inceleyin

Her alan için kod tanımı görmek için alanı harita üzerinde çift tıklatın veya alan ve ENTER tuşuna F12.Yeşil ok haritasındaki öğeleri arasında hareket eder.Ayrıca Kod Düzenleyicisi'nde imleci otomatik olarak taşır.

İpucu
Kod Düzenleyicisi'nde İmleci hareket ettirerek haritada yeşil oku de taşıyabilirsiniz.

Kod parçaları arasındaki ilişkileri anlama

Şimdi öğrenmek istediğiniz başka bir kod ile etkileşim kurar history ve paintObjects alanlar.Eşleme bu alanlara başvuran tüm yöntemleri ekleyebilirsiniz.Harita veya kod bunu yapabilirsiniz.

Akış ilişkileri yeniden düzenlemek ve harita daha kolay okunmasını sağlamak için düzeni değiştirme.Haritanın çevresine öğeleri sürükleyerek de taşıyabilirsiniz.

İpucu
Varsayılan olarak, Artan Düzen açıktır.Yeni öğeler eklediğinizde, bu mümkün olduğunca az harita yeniden düzenler.Yeni öğe eklemek her zaman tüm bağlantıları yeniden düzenlemek için devre dışı Artan Düzen.

Bu yöntemler inceleyelim.Harita üzerinde çift tıklatın PaintCanvas yöntemi veya bu yöntemin ve ENTER tuşuna F12.Bu yöntem oluşturur öğrenin history ve paintObjects boş liste olarak.

Şimdi incelemek için aynı adımları yineleyin clear yöntem tanımı.Bilgi clear ile bazı görevleri gerçekleştirir paintObjects ve history.Daha sonra çağırır Repaint yöntem.

Şimdi incelemek addPaintObject yöntem tanımı.Ayrıca bazı işlemleri yapar history ve paintObjects.Ayrıca çağırır Repaint.

Harita inceleyerek sorunu bulmak

Tüm yöntemleri değiştirmek gibi görünüyor history ve paintObjects çağrısı Repaint.Henüz undo olmayan yöntem çağrısı Repaintrağmen undo aynı alanları değiştirir.Çağırarak bu sorunu düzeltebileceğiniz düşündüğünüz şekilde Repaint dan undo.

Bu eksik çağrı göstermek için bir harita varsa olmadı, bu sorun, özellikle daha karmaşık kod bulmak zor olmuş olabilir.

Bulma ve sonraki adımlar

Siz veya başka birisi bu hatayı düzelttiğinde önce haritasındaki sorun ve nasıl düzeltileceğini hakkında notlar yapabilirsiniz.

Örneğin, harita ve bayrak öğeleri renkleri kullanarak açıklamalar ekleyebilirsiniz.

Microsoft Outlook yüklüyse, harita başkalarına e-posta.Haritanın bir resim veya başka bir biçim olarak dışa aktarabilirsiniz.

Sorunu giderin ve ne yaptığınızı Göster

Bu hatayı gidermek için arama için ekleme Repaint için undo.

Sizin düzeltme onaylamak için hata ayıklama oturumu yeniden başlatın ve hatanın yeniden oluşturmaya çalışın.Şimdi seçme Benim son vuruş geri beklediğiniz gibi çalıştığını ve doğru düzeltme yaptığınız onaylar.

Haritayı Göster yaptığınız düzeltme için güncelleştirebilirsiniz.

Haritanız şimdi arasında bir bağlantı gösterir geri ve yeniden boyamak.

[!NOT]

Eşleme güncelleştirdiğinizde, harita oluşturmak için kullanılan kod dizini güncelleştirildi belirten bir ileti görebilirsiniz.Bu, birinin haritanıza geçerli kod uymayan neden olan kodu değişti anlamına gelir.Bu, eşleme güncelleştirmesini durdurmak değildir, ancak kod eşleştiğini doğrulamak için haritayı yeniden oluşturmanız gerekebilir.

Şimdi, araştırma ile işiniz.Başarıyla buldu ve kod eşleyerek sorunun giderilmiş.Ayrıca kod gezinmek yardımcı anımsamanız ne, öğrenilen ve sorunu düzeltmek için yaptığınız adımları gösterir harita vardır.

Ayrıca bkz.

Kavramlar

Kodu Görselleştirme ve Anlama