主页 / computer / 问题 / 1419749
Accepted
Magistern
Asked: 2019-04-01 14:53:47 +0800 CST

如何一键启动 VS Code 的实时服务器和 Chrome 调试器

  • 772

对于不使用 npm 或任务运行器的 Web 项目，你能知道如何让 Chrome 扩展的调试器在开始调试之前启动服务器吗？我正在使用 Live 服务器调试扩展，如果能够一键启动调试就好了。

例如，我可以以某种方式使用“preLaunchTask”属性吗？

visual-studio-code extension debugger

2 个回答

  1. 我能够使用preLaunchTask. 现在，调试器和实时服务器都可以一键启动。这是我的.vscode文件夹配置文件。

    启动.json：

    {
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch",
            "port": 9222,
            "request": "launch",
            "type": "pwa-chrome",
            "url": "http://localhost:5500",
            "webRoot": "${workspaceFolder}",
            "preLaunchTask": "StartServer",
            "postDebugTask": "StopServer"
        }
    ]
}

    任务.json：

    {
    "version": "2.0.0",
    "tasks": [
        {
            "label": "StartServer",
            "type": "process",
            "command": "${input:startServer}"
        },
        {
            "label": "StopServer",
            "type": "process",
            "command": "${input:stopServer}"
        }
    ],
    "inputs": [
        {
            "id": "startServer",
            "type": "command",
            "command": "extension.liveServer.goOnline"
        },
        {
            "id": "stopServer",
            "type": "command",
            "command": "extension.liveServer.goOffline"
        }
    ]
}

    settings.json（工作区设置）

    {
    "liveServer.settings.ChromeDebuggingAttachment": true,
    "liveServer.settings.CustomBrowser": "chrome",
    "liveServer.settings.host": "localhost",
    "liveServer.settings.NoBrowser": true
}
    • 2
  2. Best Answer

    您希望“化合物”作为launch.json. 像这样：

    {
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Server Debug",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/server/server.js",
            "cwd": "${workspaceRoot}",
            "protocol": "inspector",
            "skipFiles": [
                "<node_internals>/**/*.js",
                "${workspaceRoot}/node_modules/**/*.js"
            ]
        },
        {
            "name": "Client Debug",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:3000/",
            "webRoot": "${workspaceFolder}/clientSrc",
            "skipFiles": [
                "${workspaceFolder}/node_modules/",
            ]
        }
    ],
    "compounds": [
        {
            "name": "Debug Both",
            "configurations": ["Server Debug", "Client Debug"]
        }
    ]
}

    然后，您可以将多个其他跑步者组合成一个或多个“复合跑步者”。

    • 0

相关问题