如何使用Visual Studio 2017调试Angular 2

Question

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

Answer 1

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

1. 创建一个项目作为 Asp.Net Core Web 应用程序，并选择“Angular”项目模板。

2. 单击“IIS Express”旁边的向下箭头，并将 Web 浏览器设置为 Google Chrome。

3. 开始调试。Chrome 将显示一条有关启用脚本调试的消息。最终您的应用程序将取代此消息。

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

5. 导航至计数器屏幕并单击“增量”。你的断点将会被命中。

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