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

Question

我一直在寻找在 firefox 中设置 vs 代码调试器的说明，这样我就可以调试我的 typescript 代码的断点。

不幸的是 google 的第一页只有 returns 我 Visual Studio 代码的说明，但我正在寻找关于 Visual Studio 社区 2017 的说明？

我还在以下位置偶然发现了一个插件：

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

但我对插件说明感到困惑，因为它指向一个 VSCode 文件，该文件在我的 Visual Studio 社区 2017 中似乎不存在：

To configure these modes you must create a file .vscode/launch.json in the root directory of your project.

这是否意味着我需要从我的项目中使用 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

Does that mean i need to use launchSettings.json from my project? And if so, how will the configuration look like?

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

Debugger for Firefox:

A Visual Studio Code extension to debug your web application or browser extension in Firefox.

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

您可以在 Chrome 中调试 Angular 7 应用程序 Visual Studio 2017，Visual Studio 团队提供集成 JavaScript 在 Google Chrome 浏览器中调试，但是为了 Firefox 支持，我们必须开一个新线程关于用户声音：

Provide integrated JavaScript debugging in Firefox and Google Chrome browsers

当有足够的社区对此反馈进行投票和评论时，产品团队成员将认真对待此反馈。

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

希望对您有所帮助。

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

Debug Angular 7 application in Firefox via Visual Studio Community 2017

debugging

firefox

visual-studio-2017

angular

angular7