Live Server插件必须通过VS Code扩展市场或命令面板安装,认准作者Ritwick Dey、图标带火焰的官方版本;安装后需打开文件夹建立工作区,Go Live按钮才显示,否则右键无“Open with Live Server”选项。

Live Server 插件必须通过 VS Code 扩展市场或命令面板安装,不能直接下载 .vsix 手动安装(新版插件已禁用此方式)。安装后需确保工作区已打开,否则 Go Live 按钮不会出现。
VS Code 扩展面板安装最稳
这是成功率最高、兼容性最好的方式。注意不是所有叫 “Live Server” 的扩展都可靠,必须认准作者是 Ritwick Dey、图标带火焰的那个官方版本。
- 按
Ctrl+Shift+X(Windows/Linux)或Cmd+Shift+X(macOS)打开扩展面板 - 搜索框输入
Live Server,在结果中找作者为Ritwick Dey、评分 4.8+、安装量超千万的条目 - 点击“安装”,完成后不要关 VS Code —— 无需重启,但状态栏要等几秒才显示
Go Live
命令面板安装适合批量配置
适合写脚本、配 CI 环境,或想跳过图形界面操作。命令本身不区分大小写,但拼写必须完整。
- 按
Ctrl+Shift+P(或Cmd+Shift+P)打开命令面板 - 输入
ext install ritwickdey.liveserver,回车执行 - 安装过程无弹窗提示,装完后可在扩展列表里确认状态,或看右下角是否出现
Go Live
为什么点不了 Go Live?常见卡点
Go Live 按钮不出现,90% 是因为没打开文件夹(即没建立工作区),而不是插件没装好。
- 不能只拖一个
.html文件进 VS Code —— 必须用File → Open Folder打开含 HTML 的文件夹 - 如果已打开单文件,右下角根本不会渲染
Go Live,此时点击无效 - 某些企业版或精简版 VS Code 可能禁用了扩展自动启用,可检查
Extensions: Show Enabled Extensions命令确认Live Server状态 - 极少数情况是端口
5500被占用,插件会自动换到5501,但首次启动仍可能延迟 2–3 秒才显示按钮
真正容易被忽略的是:Live Server 启动依赖当前活动编辑器是否为 HTML 文件,且该文件必须保存在已打开的工作区路径下。哪怕只差一层目录,右键菜单里的 Open with Live Server 也会灰掉 —— 不是 bug,是设计限制。


















