如何使用Visual Studio 2017调试Angular 2

Question

现在我使用Webstorm来编写和调试Angular，但我不喜欢这个IDE。有没有办法用VS 2017调试角度？

Answer 1

您可以在VS2017中调试Angular。除了尚未解决的问题。一个是目前你需要在开始调试后设置断点。 （我有VS Pro v15.4.1）要查看调试示例，请执行以下操作：

1. 将项目创建为Asp.Net核心Web应用程序并选择“Angular”项目模板。

2. 点击“IIS Express”旁边的向下箭头，然后将网络浏览器设置为Google Chrome。

3. 开始调试。 Chrome将显示有关启用脚本调试的消息。最终，您的应用将替换此消息。

4. 在“this.currentCount ++;”上设置断点在counter.component.ts。

5. 导航至计数器屏幕，然后单击“增量”。您的断点将被击中。

确保您没有同时运行Chrome Developer工具（F12工具）。