如何使用Arc浏览器在vscode中调试nodejs应用程序？

Question

我最近开始使用 Arc 浏览器，并希望将其与 VS-Code 一起使用进行开发。我遇到了让它与我的项目中的 launch.json 文件（调试配置文件）中的任何自动推荐设置一起工作的问题。知道它是基于铬的，我认为这是可能的，尽管很难让它发挥作用。

我尝试在 launch.json 中添加不同的配置，并尝试使用默认的 launch 配置，但最终不起作用，因为 Arc 不允许一次使用多个实例。然后我尝试使用 attach 配置，这似乎是可行的方法。我唯一错过的部分是设置 Arc 以调试模式启动自身，它正在侦听端口 9222（这不是您的项目将运行的端口，它是 attach 请求的默认端口）配置）。

Answer 1

我已经弄清楚如何使用Arc进行调试（在Mac上，所以以后如果有Windows应用程序，请相应调整）。

这是我使用的 vs-code 中的配置：

{
    "name": "Attach",
    "type": "chrome",
    "request": "attach",
    "port": 9222,
    "url": "http://localhost:4200",
    "webRoot": "${workspaceFolder}"
}

您需要进入 Mac 上的 Automator 应用程序（cmd+空格，然后键入 automator）。 它会询问您的文档是什么类型，选择应用程序。现在，您将位于库操作区域，您需要在其中搜索：“运行 Shell 脚本”，然后在出现的脚本区域中，放置以下内容：

open -a "Arc" --args --remote-debugging-port=9222

然后转到顶部，将鼠标悬停在文件上并按保存（将其另存为您会记住的内容）来保存。

现在您可以搜索它的名称并运行它（将其保存在桌面或扩展坞上会很有用）。它将打开 Arc，当转到所需的 url 时，您现在可以在 vs-code 中进行调试。