如何在 Visual Studio Code 中启动多个 HTML 文件?

Trusha_Patel

我正在尝试在同一文件夹中启动 HTML 多个文件,并在 Visual Studio Code 的 Chrome(不是每个文件的新窗口)中打开它们。我尝试了这个解决方案:在 Visual Studio Code 中使用多个启动文件,但我想,我遗漏了一些东西。

在开始新的调试会话之前,我总是收到关闭当前调试会话的消息。

这是我的文件夹的 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": "0.2.0",
    "configurations": [

        {
            "name": "Chrome1",
            "request": "launch",
            "type": "pwa-chrome",
            "webRoot": "${workspaceFolder}",
            "file":"${file}"
        },
        {
            "name": "Chrome2",
            "request": "launch",
            "type": "pwa-chrome",
            "webRoot": "${workspaceFolder}",
            "file": "${file}"
        },
        {
            "name": "Chrome3",
            "request": "launch",
            "type": "pwa-chrome",
            "webRoot": "${workspaceFolder}",
            "file": "${file}"
        }
    ],
        "compounds": [
            {
              "name": "Chrome1/Chrome2/Chrome3",
              "configurations": ["Launch Chrome","Launch Chrome","Launch Chrome"],
              "preLaunchTask": "${defaultBuildTask}"
            }
        ]
}

谢谢!

埃斯梅尔·马扎赫里

它确实打开带有 3 个选项卡的 chrome 进行 3 个调试。

{
    // 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": "0.2.0",
    "configurations": [

        {
            "type": "chrome",
            "request": "launch",
            "name": "Chrome1",
            "file": "${workspaceFolder}/a.html"
        }, {
            "type": "chrome",
            "request": "launch",
            "name": "Chrome2",
            "file": "${workspaceFolder}/b.html"
        }, {
            "type": "chrome",
            "request": "launch",
            "name": "Chrome3",
            "file": "${workspaceFolder}/c.html"
        }
    ],
    "compounds": [{
        "name": "Chrome123",
        "configurations": ["Chrome1", "Chrome2", "Chrome3"],
    }]
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Visual Studio Code中的多个启动文件

如何在Visual Studio Code中标记多个文件?

如何在Visual Studio Code中从集成终端打开文件?

如何在Visual Studio Code中缩小JavaScript文件

如何在Visual Studio Code中搜索文件?

如何在Visual Studio Code中重构文件名?

如何在 Visual Studio Code 中为 CSS 文件和 html 或 PHP 文件的制表符留出空间?

如何在Visual Studio 2015中自动缩小HTML文件?

在Visual Studio Code中的Angular html文件中转到定义

如何在Visual Studio Code中用HTML标记格式化PHP文件?

如何在Visual Studio Code中格式化保存的HTML-Eex文件?

如何使用Visual Studio Code在浏览器中查看HTML文件

如何在Visual Studio Code中运行多个终端命令?

如何在 Visual Studio Code 中部署独立的 .exe 文件?

如何在Visual Studio Code中从Integrated Terminal引用当前文件

如何在Visual Studio Code的侧边栏中隐藏某些文件?

如何在Visual Studio Code中更改来源以将文件上传到GitHub

如何在Visual Studio Code中重命名a.exe文件?

如何在Visual Studio Code中搜索特定的文件名?

如何在UNIX之类的Visual Studio Code中使所有文件中的所有行尾(EOL)?

如何在Visual Studio Code中关闭打开的文件夹?

如何在Visual Studio Code的“文件”菜单中添加新菜单项?

如何在 Visual Studio Code 中根据项目中打开的文件提供自动完成功能

如何在整个工作区中快速搜索文件(Visual Studio Code)

如何在 Visual Studio Code 的新选项卡中打开文件

如何在Visual Studio Code中的代码上方删除文件位置栏?

如何在Visual Studio Code中设置工作区文件夹?

如何在Visual Studio Code的母版页中列出和编辑链接的js / css文件?

如何在Visual Studio Code中自定义HTML标签的颜色?