VSCode点击HTML链接跳转搜索引擎，本质是file://协议下相对路径失效导致浏览器将链接文本误作搜索词；根本解决需用Live Server启动HTTP服务，确保href路径在真实HTTP环境下解析。
VSCode 本身不会主动跳转搜索引擎——你看到的“点链接跳搜索页”，其实是浏览器把非法 URL 当作搜索关键词处理了，根源在 VS Code 启动方式或 HTML 链接写法错误。
点击 HTML 里的 a 标签却打开百度/谷歌？
这是典型的 file:// 协议下相对路径失效导致的。浏览器发现 href="about.html" 无法在 file:/// 下解析（因跨文件跳转被安全策略拦截），就直接把 about.html 当作搜索词扔给默认搜索引擎。
- 现象：右键 → Open with Live Server 正常；但右键 → Open in Default Browser 后点链接，地址栏变成
https://www.baidu.com/s?wd=about.html - 本质：浏览器收不到真实 HTTP 响应，
file://下的相对路径被降级为关键词搜索 - 验证方法：打开开发者工具 → Network 标签页，点链接后看是否出现红色 failed 请求，而不是 200 或 304
Live Server 没反应，右键菜单里找不到它？
Open with Live Server 选项只在以下条件同时满足时才显示：
- 当前编辑器中已打开一个
.html文件（不是未保存的Untitled-1） - 该文件已被保存到磁盘（有真实路径，如
D:\my-site\index.html） - VS Code 工作区是通过
File → Open Folder打开的整个项目目录（不是单个文件） - 插件已安装且启用：在扩展市场搜
Live Server，认准作者是Ritwick Dey、下载量超千万的那个
为什么用 Open in Browser 插件也跳搜索页？
这个插件只是把当前文件路径拼成 file:/// 地址发给系统浏览器，并不启动 HTTP 服务。所以它和双击 HTML 文件行为一致，所有依赖 HTTP 环境的功能都会崩：
立即学习“前端免费学习笔记（深入）”；
-
fetch('./data.json')报net::ERR_FILE_PROTOCOL -
importES 模块失败，提示Failed to resolve module specifier - 哪怕只是
<a href="contact.html">，也会因协议限制跳搜索 - 图片、CSS 路径看似正常，是因为浏览器对静态资源加载更宽容；但 JS 行为一动就暴露问题
真正要跑多页面 HTML 项目，唯一绕不开的是 HTTP 服务。Live Server 不是“可选优化”，而是浏览器安全模型下的刚性需求——别试图用 file:// 兼容它，那相当于让自行车上高速。最易忽略的一点：项目根目录必须是 VS Code 打开的文件夹，所有 href 和 src 都得用相对路径，不能写 http://localhost:5500/about.html 这种硬编码。
