【问题标题】:How to debug Angular 2 with Visual Studio 2017如何使用 Visual Studio 2017 调试 Angular 2
【发布时间】:2017-07-28 14:26:57
【问题描述】:

现在我正在使用 Webstorm 来编码和调试 Angular,但我不喜欢这个 IDE。有没有办法用 VS 2017 调试 Angular?

【问题讨论】:

    标签: angular visual-studio-2017


    【解决方案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 工具)。

    【讨论】:

    • 我刚刚使用当前版本的 VS 15.5.7 再次尝试。它仍然对我有用。当我单击 IIExpress 旁边的下拉菜单时,它现在具有我设置的“启用浏览器链接”选项。浏览器已设置为 Chrome。我设置了断点,当我增加计数器时它击中了它。
    • 浏览器链接被禁用。启用它仍然是一样的。我正在尝试使用 angular 调试 aspnet 核心应用程序。会不会导致这个?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-06-30
    • 2019-08-05
    • 2023-03-22
    • 1970-01-01
    相关资源
    最近更新 更多