通过 Visual Studio Community 2017 在 Firefox 中调试 Angular 7 应用程序

Question

我一直在寻找在 Firefox 中设置 vs 代码调试器的说明，以便我可以调试打字稿代码的断点。

不幸的是，谷歌的第一页只返回了 Visual Studio Code 的说明，但我正在寻找有关 Visual Studio Community 2017 的说明？

我还偶然发现了一个插件：

https://marketplace.visualstudio.com/items?itemName=hbenl.vscode-firefox-debug

但是我对插件描述感到困惑，因为它指向我的 VSCode 文件，该文件在我的 Visual Studio Community 2017 中似乎不存在：

要配置这些模式，您必须在项目的根目录中创建一个文件 .vscode/launch.json。

这是否意味着我需要从我的项目中使用 launchSettings.json？ 如果是这样，配置会是什么样子？

我确定我在这里错了，但我将如何放置它？

{
  "iisSettings": {
    ...
  },
  "profiles": {
    ...
    "Debug with Firefox" : { // ????? How do i set up this Profile?
      "name": "Launch index.html",
      "type": "firefox",
      "request": "launch",
      "reAttach": true,
      "file": "${workspaceFolder}/index.html"
   }
  }
}

任何有关这方面的知识将不胜感激！

亲切的问候

Answer 1

这是否意味着我需要从我的项目中使用 launchSettings.json？ 如果是这样，配置会是什么样子？

不，此扩展适用于Visual Studio Code ，而不是 Visual Studio。 所以你不能将它用于 Visual Studio。

Firefox 调试器：

用于在 Firefox 中调试 Web 应用程序或浏览器扩展的 Visual Studio Code 扩展。

此外，旧的 Visual Studio 调试器允许调试在浏览器中运行的后端 .NET 代码和客户端 JavaScript，但在VS2015等旧 VS 版本中仅支持IE 浏览器。

您可以从 Visual Studio 2017 内部在Chrome 中调试您的 Angular 7 应用程序，Visual Studio 团队在Google Chrome浏览器中提供集成 JavaScript 调试，但对于Firefox支持，我们必须在用户语音上打开一个新线程：

在 Firefox 和 Google Chrome 浏览器中提供集成的 JavaScript 调试

当有足够的社区投票并为此反馈添加评论时，产品团队成员会认真对待此反馈。

此时，您可以使用 Google Chrome 调试您的 Angular 7 应用程序。

希望这可以帮助。