You need to enable JavaScript to run this app. VS Code状态栏不显示Live Server图标无法预览页面问题求助
优惠活动
大模型
产品
解决方案
定价
更多

VS Code状态栏不显示Live Server图标无法预览页面问题求助

VS Code Live Server状态栏图标不显示解决方案
  • 重启扩展验证:按Ctrl+Shift+P(Mac系统为Cmd+Shift+P)调出命令面板,输入「禁用 Live Server」确认操作,之后再重新输入「启用 Live Server」,重启扩展后查看状态栏是否恢复显示图标。
  • 检查状态栏隐藏设置:右键点击VS Code底部的状态栏区域,在弹出的选项列表中确认Live Server相关条目未被勾选隐藏,若有勾选取消即可。
  • 排查工作区配置冲突:打开当前项目根目录下的.vscode/settings.json文件,确认没有"liveServer.settings.showOnStatusbar": false配置项,存在的话删除该配置或将值改为true即可。
  • 重置扩展全局配置:打开VS Code设置面板,搜索liveServer.settings.showOnStatusbar,先将选项切换为关闭,重启VS Code后再重新打开该选项,验证是否生效。
  • 重装扩展解决异常:如果以上操作都无效,在扩展面板找到Live Server点击卸载,重启VS Code后重新安装Live Server,可解决绝大多数配置冲突、扩展文件损坏导致的异常。
  • 临时启动方案:图标未恢复期间也可以正常使用功能,调出命令面板输入Live Server: Open with Live Server即可启动服务预览页面,输入Live Server: Stop Live Server即可停止服务。

内容的提问来源于stack exchange,提问作者Gitman

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.21 06:06:09