live server 插件需在文件夹工作区中安装并重启vs code才生效；必须以open folder方式打开项目、保存.html文件且确保其位于该文件夹内，三者缺一不可。
Live Server 插件必须安装在项目工作区（文件夹）内才能生效，单独打开一个 .html 文件是无法触发 Go Live 的。
安装 Live Server 插件的正确路径
不是“装完就能用”，关键在 VS Code 的启动方式和文件组织结构：
- 打开 VS Code 后，**不要直接双击打开单个
.html文件**；而是通过File → Open Folder选择一个空文件夹作为工作区 - 在该文件夹里新建
index.html（或其他任意.html文件） - 按
Ctrl+Shift+X打开扩展面板，搜索Live Server（发布者是Ritwick Dey，注意别选错名字相近的） - 点击安装，**必须重启 VS Code**（部分版本不重启会导致状态栏不显示
Go Live）
启动服务前必须确认的三个状态
插件装完只是第一步，以下三点缺一不可，否则右键菜单里不会出现 Open with Live Server，状态栏也不会亮起 Go Live：
- 当前编辑的文件后缀是
.html（.htm也支持，但.txt或未保存的 Untitled-1 不行） - 该文件已**保存到磁盘**（哪怕只输了一个
<h1></h1>也要按Ctrl+S） - VS Code 是以**文件夹为根目录打开的**（资源管理器里能看到文件夹名，而不是只有几个孤立文件）
启动失败时最常被忽略的两个原因
很多人卡在“点了没反应”或“右键没选项”，其实问题往往出在环境初始化上：
-
Go Live按钮只出现在底部状态栏的最右侧，如果窗口太窄会被隐藏，可尝试拉宽 VS Code 窗口或鼠标悬停在状态栏末尾查看是否折叠 - 某些安全软件或系统代理会拦截本地端口（如默认的
5500），导致启动后浏览器打不开；此时可在.vscode/settings.json中加配置：{ "liveServer.settings.port": 8080 }换端口再试
右键菜单 vs 状态栏：两种启动方式的实际差异
表面上都是启动服务，但行为细节不同，影响开发流：
- 点状态栏
Go Live：以当前**活动编辑器中的 HTML 文件**为入口启动，适合单页开发 - 在资源管理器中右键 HTML 文件 →
Open with Live Server：明确指定入口文件，即使你当前正在编辑的是style.css也能精准启动对应页面 - 两者都会监听整个工作区内的文件变更，但首次启动时所选文件决定了浏览器默认打开的 URL 路径（比如
index.html对应http://127.0.0.1:5500/，about.html对应http://127.0.0.1:5500/about.html）
真正容易卡住的地方，不是插件装不上，而是 VS Code 没以「文件夹模式」启动，或者 HTML 文件根本没落地保存。只要这两点确认无误，Go Live 几乎不会失灵。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
