vscode本身不能直接运行html，必须借助浏览器或本地http服务器；live server通过http://协议绕过file://限制，支持fetch、es模块等功能，是开发首选方案。
VSCode 本身不支持直接“运行 HTML”
它不是浏览器，也没有内置的 HTML 执行引擎。所谓“在外部运行”，本质是让系统用浏览器打开当前 HTML 文件，或启动一个本地 HTTP 服务器再由浏览器访问。关键区别在于：file:// 协议（双击/插件直开） vs http://127.0.0.1:xxx 协议（Live Server 启动）。前者快但受限，后者慢半秒但能用 fetch、ES 模块、相对路径等所有 Web 功能。
右键菜单没出现 Open in Browser？检查这三件事
常见现象：装了 Open in Browser 或 Live Server 插件，但右键 HTML 文件时菜单不显示。
- 文件必须已保存且后缀为小写
.html（.HTML或.htm不触发） - 右键位置必须在编辑器标签页内（即当前打开的 HTML 内容区），不是资源管理器里的文件图标
- 插件是否启用：按
Ctrl+Shift+X进扩展面板，搜索插件名，确认右侧开关是蓝色“启用”状态
Live Server 和 Open in Browser 该选哪个？
看你要不要真实开发环境：
- 只预览纯静态页面（无 JS、无图片、无 CSS 引用）、想秒开 → 用
Open in Browser，走file://，右键即开，快捷键Ctrl+Shift+P→Open in Default Browser - 写了
fetch('./data.json')、用了import、CSS 里有url(./img.png)→ 必须用Live Server，否则控制台报跨域或 404 -
Live Server的Go Live按钮在状态栏右下角，点它比右键更快，尤其当你开了多个标签页时
tasks.json 启动浏览器容易卡死的两个原因
手动配 tasks.json 调用 chrome.exe 或 start 命令，看似自由，实则隐患多：
- 路径含空格没加引号：比如
"command": "C:Program FilesGoogleChromeApplicationchrome.exe"必须写成"command": "C:\Program Files\Google\Chrome\Application\chrome.exe"，且整个路径要用双引号包住 - Windows 下用
start命令时，第一个参数必须是窗口标题（可为空字符串），否则命令失败：正确写法是"command": "start", "args": ["", "file://${workspaceFolder}/${fileBasename}"]
这些细节错一个，任务就静默失败——既不报错也不开浏览器，最让人抓狂。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
