如何为多个调试器设置 Visual Studio Code？

Question

我使用 VS Code 作为我的 IDE，需要多个调试器可用于各种项目。我将 Extendscript 作为其中之一，并希望将 Chrome 用于其他文件。

这是我的 launch.json 文件：

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "1.0.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
        },
        {
            "type": "extendscript-debug",
            "request": "launch",
            "name": "Ask for script name",
            "program": "${workspaceFolder}/${command:AskForScriptName}",
            "stopOnEntry": false
        }
    ]
}

VSC 抱怨它“当只有一个必须验证时匹配多个模式”。有两个架构。VSC 还提供了以下内容：“'launch.json' 中缺少配置'针对本地主机启动 Chrome'。”

我可以调试 Extendscript 文件 (jsx)，但不能调试 JS 或 HTML/JS/CSS 文件。

我完全迷失了习惯使用 ESDK 处理 jsx 文件并在浏览器中使用 Chrome。似乎没有办法选择我需要的调试器。

我使用的是 Win10 最新的 1909 和 VSC 版本：1.44.2（用户设置）提交：ff915844119ce9485abfe8aa9076ec76b5300ddd 日期：2020-04-16T16:36:23.137.190js.Node.13918.Node.18.18 1 V8：7.8.279.23-electron.0 操作系统：Windows_NT x64 10.0.18363

谢谢，朗克

Answer 1

关于抱怨消息，这可能不匹配。请先重新启动 VS Code。重新启动后，这些消息应该会消失。

\n

对于多个调试器的设置，您需要分别向 中添加配置launch.json，就像您在当前 中所做的那样launch.json，并且您可以在选项中选择要运行的调试器。

\n

请尝试以下步骤以使 Chrome 调试器正常工作：

\n

\n

1. 转到扩展视图 (\xe2\x87\xa7\xe2\x8c\x98X) 并搜索Debugger for Chrome扩展，然后安装。

   \n
\n

2. http://localhost:8080您已在配置的 chrome url 中指定，因此您必须在该 URL 上运行 Web 服务器。与步骤 1 一样，进入扩展视图搜索Live Server扩展，然后安装。此外，转到命令面板 (\xe2\x87\xa7\xe2\x8c\x98P) 并使用首选项：打开设置 (JSON )，添加以下代码片段：

   \n
\n

\n

{\n    "liveServer.settings.port": 8080,\n}\n

\n

这将设置实时服务器的自定义端口号。在你的情况下，8080。

\n

\n

3. 单击Go LiveVS Code 右下角的 启动服务器。这将打开一个新的 Chrome 浏览器。您可以将其关闭或留在那里。

   \n
\n

4. 转到运行视图 (\xe2\x87\xa7\xe2\x8c\x98D) 并选择Launch Chrome运行调试器的选项。它将启动一个新的 Chrome 浏览器，此时您应该可以通过设置断点开始调试。

   \n
\n

\n

您可以查看https://code.visualstudio.com/docs/debugging了解更多有用信息，具体请查看https://github.com/Microsoft/vscode-chrome-debug#using-the-debugger for Chrome 调试器。

\n