VSCode运行HTML文件遇localhost拒绝连接或空白页问题求助

你的HTML代码如下：

<!DOCTYPE html>

<html>
    <head></head>
    <body>
        <button>Hello</button>
    </body>
</html>

在M1 Air的VSCode中运行这段代码时，要么弹出「localhost refused to connect」错误页面，要么显示完全空白的页面。此前代码运行正常，误点运行了.css文件后就出现故障，问题大概率出在插件运行状态或文件选择上，按以下步骤排查：

• 确认当前运行的文件：确保VSCode中激活的标签页是目标HTML文件，而非之前误操作的CSS文件。多数预览插件（比如Live Server）会基于当前激活的文件启动服务，若选中CSS文件，插件无法生成可访问的页面，自然会出现连接失败或空白。
• 重启预览服务：右键点击VSCode侧边栏的Live Server图标，选择「Stop Live Server」，之后在HTML文件上右键选择「Open with Live Server」，或点击状态栏的「Go Live」按钮重启服务。
• 检查端口占用：之前的服务进程可能没完全关闭，导致端口被占。打开终端输入lsof -i :5500（Live Server默认端口为5500），若有输出，记下对应的PID，再输入kill -9 [PID]杀死进程，重新启动服务。
• 直接打开文件测试：在Finder中找到该HTML文件，双击用浏览器打开，若能正常显示按钮，说明问题出在VSCode插件配置上，尝试卸载重装Live Server插件。

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