2014-09-30 16 views
8

Görsel olarak yazı tipi ucunu kontrol eden açısal kod ile VS'de yerleşik bir sistemi temsil etmek için bazı tavsiyelerde bulunup bulunamayacağımı merak ediyorum.Herhangi bir projeyi görselleştirmek için açısal araçlar (büyük ölçekli proje)?

VS nihai aracı veya NDepend aracılığıyla bulduğumuz proje bağımlılığı grafiğine benzer bir şey üretebilecek bir şey bulmak isterim.

Epeyce .NET kodu ve proje görselleştirme araçları biliyorum ama Açısal JS

bu tam burada potansiyel bir topluluk projesi mi için uygun bir bulgu gerçek mücadeleyi yaşıyorum

? Hem mevcut geliştiricilerin hem de yeni geliştiricilerin Angular'ı kavramasını ve hem daha küçük hem de daha büyük ölçeklerdeki sistemleri nasıl geçtiğini anlamalarına yardımcı olacağına inanıyorum.

Diğerlerinin görsel olarak temsil edilen kod bağımlılıklarını açısal olarak nasıl görebileceğini öğrenmek isterim.

So. Sonuç olarak - Bir proje ortamında açısal bağımlılıkları görselleştirmek için var olan araçlar var mı, yoksa kimse bir tane oluşturmak için işbirliği yapmak istiyor mu? Okuduğunuz için teşekkürler ve bu herkesin iyi ve sağlıklı olduğunu bulur. Gruffy :)

cevap

2

Chrome extension Batarang, diğerleri arasında hizmet bağımlılığı ağacı da dahil olmak üzere açısal geliştirme için bazı yararlı görselleştiricilere sahiptir.

+0

Hey dolt, tavsiye için şimdiden teşekkürler, zaten Batarang yüklü zaten tuhaf - Bu arada, aradığım droid değil! Nihayetinde, türlerin ve diğer grafiksel yüksek düzeyli mimari gözden geçirmelerin bir bağımlılık grafiği oluşturmanın bir yolunu istedim. Katkınız için teşekkür ederim, ve batarang oldukça havalı şeyler şeylerden itiraf etmeliyim. – gruffy321

+0

Batarang **, bir görsel hizmet bağımlılığı grafiğine (bağımlılıklar sekmesine bakın!) Ve kapsam iç içe geçirme yapısını görselleştirmek için bir araç içerir, ancak bunların hiçbiri özelleştirilemez. – doldt

+0

Tekrar teşekkürler dolt, gerçekten batarang harika bir araçtır. ve evet, bağımlılıklar ve kapsam görselleştiricisi de oldukça havalı. Eğer Batarang dışında başka bir araç yoksa, Angular :) – gruffy321

3

angularjs Grafik krom uzantısını deneyin: http://angularjs-graph.org/

Benim deneyim OSX üzerinde herhangi bir yapılandırmaya gerek kalmadan işlenen görselleştirme olduğu gibi kutunun dışında "çalıştı" olmasıydı. Ben hala pratik olarak ne kadar kullanışlı olduğuyla uğraşıyorum ama kesinlikle havalı görünüyor.

+0

'un açısal versiyonunun görselleştirilmesine yardımcı olacaksa cevabı işaretleyeceğim. Angular 1 veya 2+ için böyle bir ayrıntı görmüyorum. –

+0

Genellikle "angularjs", 1.X'e karşılık gelirken "açısal", 2+ anlamına gelir. Bu evrensel olarak takip edilmiyor, ama benim tecrübelerimde oldukça iyi bir gösterge. Ayrıca Github projesine baktığımızda Açısal 1.X olduğunu ve Açısal 2.0 desteği isteyen açık biletlerin olduğunu açıklıyoruz. – zayquan

İlgili konular