VS Code Live Share运行HTML报错：求HTML调试扩展及解决方案

1. 安装必备扩展 #

• 安装「Debugger for Microsoft Edge」（原Debugger for Chrome，两者都兼容），这是VS Code官方适配的网页调试扩展，能解决HTML/JS调试的依赖问题。
• 搭配「Live Server」扩展使用：右键HTML文件选择「Open with Live Server」就能直接在浏览器启动预览，不需要依赖调试配置，Live Share会话里的成员也能同步看到页面效果。

2. 修正launch.json配置（若需调试模式） #

如果已经创建了launch.json，确保配置是浏览器调试类型，示例如下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "edge",
      "request": "launch",
      "name": "Launch Edge",
      "url": "http://localhost:5500/${relativeFile}",
      "webRoot": "${workspaceFolder}"
    }
  ]
}

注：Live Server默认端口为5500，配置里的url要和实际端口对应。

3. 检查Live Share环境与权限 #

• 确保你是Live Share会话的主机，参与者可能没有权限修改调试配置或启动调试流程，需要主机完成环境配置。
• 在Apple Silicon Mac上，确认VS Code以原生ARM架构运行：访达中右键VS Code图标→「显示简介」，取消勾选「使用Rosetta打开」，重启VS Code后重试。

4. 无调试快速共享方案 #

不需要调试的话，直接用Live Share的「Share Server」功能：

1. 用Live Server启动本地服务（默认端口5500）。
2. 在VS Code的Live Share面板中点击「Share Server」，选择对应端口。
3. 会话成员会自动收到页面链接，直接在浏览器打开即可同步查看HTML页面，完全绕开调试扩展问题。

内容的提问来源于stack exchange，提问作者Ippos