本地 Web 服务器中的 VSCode 启动页面

Question

我希望 VSCode 将我正在处理的 HTML 文件启动到我的本地测试网络服务器中（使用 ctrl-shift-b 键）。

我的 Ubuntu 机器上有一个本地 Web 服务器，运行以下命令：python -m SimpleHTTPServer

我的 tasks.json 中有这个脚本：

{
    "version": "0.1.0",
    "linux": {
        "command": "xdg-open"
    },
    "isShellCommand": true,
    "showOutput": "never",
    "args": ["${file}"]
}

当我点击 ctrl-shift-b 时，我会使用以下路径在 Chrome 中打开我的文件： file:///home/me/myproject/myfolder/index.html

相反，当我点击 ctrl-shift-b 时，我希望它使用以下 URL 启动： http://localhost:8000/myfolder/index.html

有没有办法重新调整 tasks.json 来实现这一点？

我看到了一些在 VSCode 中使用 npm 和 gulp 的建议，但我想知道是否可以完成我上面描述的简单解决方案？

我无法找到上面提供的 tasks.json 示例中使用的语法的文档（即指定的其他选项而不是 ${file} 等）。

Answer 1

转到扩展，然后使用 Live Server 扩展。直接从 VS Code 安装它。然后，您将在编辑器底部有一个链接，用于自动启动和运行服务器，并立即查看您的 HTML。 请检查 :live-server-web-extension 和 Live Server 应用程序。