Visual Studioで角度2をデバッグする方法

Question

今、私はWebstormを使ってAngularをコード化してデバッグしていますが、私はこのIDEが嫌いです。 VS 2017で角度をデバッグする方法はありますか？

Answer 1

私はのVisual Studioのファンですが、私はあなたがフロントエンドのためにVisual Studioのコード（または崇高または原子のような類似した）をしてみてください示唆しています。このIDEは、その拡張性のために優れており、端末をより良く制御できます。また、Gulpタスクを簡単に管理できます。

• Chromeデバッガ拡張は、エディタ内でデバッグJSを許可します。 VSCodeのこのトピックでhow to debug angular2 typescriptを確認してください。

はVSCodeでは、それは、Visual Studioのようにかなり同じ

Answer 2

あなたはVS2017の内側に角度デバッグすることができ、セットアップのビジュアルテーマとアイコン化することが可能です。ただし、まだ解決されていない問題はありません。 1つは、現在、デバッグを開始した後にブレークポイントを設定する必要があることです。

1. Asp.NetコアWebアプリケーションとしてプロジェクトを作成し、「角度」プロジェクトテンプレートを選択します。デバッグの例は、次の操作を行い確認するには（私はVSプロv15.4.1を持っています）。

2. 「IIS Express」の横の下向き矢印をクリックし、WebブラウザをGoogle Chromeに設定します。

3. デバッグを開始します。スクリプトのデバッグが有効になっていることを示すメッセージがChromeに表示されます。最終的にあなたのアプリはこのメッセージを置き換えます。

4. "this.currentCount ++;"にブレークポイントを設定します。 in counter.component.ts。

5. [カウンター]画面に移動し、[インクリメント]をクリックします。あなたのブレークポイントがヒットします。

同時にChrome開発者ツール（F12ツール）を実行していないことを確認してください。