如何使用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开发人员工具。