Visual Studio 2017 ile Açısal 2 nasıl hata ayıklanır?

Question

Artık Angular'ı kodlamak ve hata ayıklamak için Webstorm kullanıyorum ancak bu IDE'yi sevmiyorum. VS 2017 ile açısal hata ayıklamanın bir yolu var mı?

Answer 1

ben önermek Visual Studio bir hayranıyım rağmen denemek Visual Studio Kod (veya yüce veya atom gibi benzeri) ön uç için. Bu IDE, genişletilebilirliğinden dolayı harikadır ve terminal üzerinde daha iyi kontrol sağlar. Ayrıca, Gulp görevlerinizi yönetmek çok kolay.

• Krom ayıklayıcı uzantısı Düzenleyicisi içinde JS ayıklama sağlar. VSCode'da how to debug angular2 typescript için bu konuyu kontrol edin.

VSCode yılında Visual Studio gibi oldukça aynı

Answer 2

Sen VS2017 içindeki Açısal debug kurulum görsel tema ve simgeler mümkündür. Ancak henüz çözülmemiş sorunlar var. Bunlardan biri, hata ayıklama işlemine başladıktan sonra şu anda kesme noktalarınızı ayarlamanız gerektiğidir.

1. bir Asp.Net Çekirdek Web Uygulama olarak bir proje oluşturun ve "Eğik" projesi şablonu seçmek: aşağıdakileri yapın ayıklama bir örneğini görmek için (VS Pro v15.4.1 var).

2. "IIS Express" in yanındaki aşağı oku tıklayın ve Web Tarayıcısını Google Chrome'a ​​ayarlayın.

3. Hata ayıklamayı başlat. Chrome, komut dosyası hata ayıklaması etkinleştirilmiş olarak bir mesaj gösterecektir. Sonunda uygulamanız bu mesajı değiştirir.

4. "this.currentCount ++" üzerinde bir kesme noktası ayarlayın. counter.component.ts içinde.

5. Sayaç ekranına gidin ve "Arttırma" ya tıklayın. Ara noktanız vurulacak.

Aynı zamanda Chrome Geliştirici araçlarının aynı zamanda (F12 araçları) çalıştırılmadığından emin olun.