Live Server 在 VS Code 中运行失败：终极修复指南

在使用 VS Code 进行 Web 开发时，Live Server 是一个必不可少的工具，它允许你在本地运行 HTML、CSS 和 JavaScript 文件。但是，有时你可能会遇到 Live Server 无法启动或运行的令人沮丧的问题。不要惊慌，这篇独家指南将带你逐步解决 Live Server 失败的常见问题，并提供切实有效的解决方案，让你可以重返开发正轨。

故障排除步骤

1. 检查你的执行策略（Windows）

Windows 操作系统默认阻止脚本执行。因此，你需要更改执行策略以允许执行 Live Server。

1. 以管理员身份运行 Windows PowerShell。
2. 输入 set-executionpolicy remotesigned，然后按回车键。
3. 输入 A，然后再次按回车键。

2. 检查你的防火墙设置

防火墙可能会阻止 Live Server 访问网络。确保在防火墙中允许 Live Server。

• Windows: 在 Windows 搜索栏中键入 "Windows Defender 防火墙"，并将其打开。在 "允许应用或功能通过 Windows Defender 防火墙" 下，找到 Live Server 并勾选 "私有" 和 "公有" 复选框。
• Mac: 打开 "系统偏好设置"，选择 "安全性与隐私"，然后单击 "防火墙" 选项卡。单击 "防火墙选项" 按钮，然后在 "应用程序" 选项卡中找到 Live Server。勾选 "阻止所有传入连接" 旁边的复选框。
• Linux: 根据你的 Linux 发行版，可能需要使用不同的命令。对于 Ubuntu，请运行 sudo ufw allow 5500。

3. 重新安装 Live Server 扩展

有时，Live Server 扩展可能会损坏或过时。重新安装扩展程序可以解决此问题：

• Windows/Mac: 在 VS Code 中，转到 "视图" > "扩展"，在搜索栏中键入 "Live Server"，然后单击 "重新安装" 按钮。
• Linux: 在终端中，运行 code --uninstall-extension ms-vscode.live-server，然后重新打开 VS Code 并再次安装 Live Server 扩展。

4. 检查端口号

Live Server 默认使用端口号 5500。确保此端口未被其他应用程序使用。你可以使用 netstat -ano 命令（Windows）或 lsof -i:5500 命令（Mac/Linux）检查端口占用情况。

5. 检查你的 antivirus 软件

防病毒软件也可能阻止 Live Server 运行。暂时禁用防病毒软件或将 Live Server 添加到白名单中。

6. 升级 VS Code

VS Code 的旧版本可能会导致 Live Server 出现问题。确保你使用的是 VS Code 的最新版本。

结论

通过遵循这些故障排除步骤，你可以解决 Live Server 在 VS Code 中运行失败的问题。记住，系统配置和设置可能会因操作系统和软件版本而异。如果你仍然遇到问题，请在留言区留下你的问题，我们会尽力帮助你。祝你开发顺利！