如何使用Visual Studio 2017調試Angular 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。除了有問題尚未解決。一種是你目前需要在開始調試之後設置斷點。 （我有VS臨v15.4.1）要查看請執行下列操作調試的例子：

1. 創建項目爲核心Asp.Net Web應用程序，並選擇「角」項目模板。

2. 單擊「IIS Express」旁邊的向下箭頭並將Web瀏覽器設置爲Google Chrome。

3. 開始調試。 Chrome會顯示一條關於啓用腳本調試的消息。最終，您的應用將取代此消息。

4. 在「this.currentCount ++;」上設置一個斷點在counter.component.ts中。

5. 導航到計數器屏幕並單擊「增量」。你的斷點會被擊中。

確保你不也有在同一時間（F12工具）運行Chrome開發人員工具。