安装Live Server扩展可实现在VSCode中预览含frameset的HTML页面；2. 确保主页面与子页面路径正确；3. 右键选择Open with Live Server通过本地服务器运行，避免file://协议导致的加载问题。
在 VSCode 中运行带有框架（frameset）的 HTML 页面，关键在于正确配置开发环境并使用合适的扩展来预览页面。HTML 框架（frameset 和 frame）虽然已被现代标准弃用，但仍可在本地浏览器中正常显示。以下是具体设置方法。
1. 安装 Live Server 扩展
VSCode 本身不内置网页服务器，需借助扩展实现本地运行：
- 打开 VSCode，点击左侧活动栏的扩展图标（或按 Ctrl+Shift+X）
- 搜索 Live Server（由 Ritwick Dey 开发）
- 点击安装
安装后，可一键启动本地服务器并实时预览 HTML 页面，包括使用 frameset 的复合页面。
2. 确保框架文件结构正确
若主页面使用 frameset 引用多个子页面，需保证所有文件路径正确。例如：
立即学习“前端免费学习笔记（深入）”；
确保 top.html 和 bottom.html 与主页面在同一目录，或使用相对/绝对路径正确指向。
3. 使用 Live Server 启动预览
右键点击包含 frameset 的 HTML 文件，在上下文菜单中选择 Open with Live Server。VSCode 会自动启动本地服务器（默认端口 5500），并在默认浏览器中打开页面。
此时，所有 frame 内容将按结构加载，支持实时刷新：修改任一子页面保存后，浏览器自动更新。
4. 处理跨域或加载问题
直接通过 file:// 协议打开 frameset 页面可能导致部分 frame 加载失败（浏览器安全策略）。使用 Live Server 提供的 http://localhost:5500 地址可避免此类问题，确保所有 frame 资源正常加载。
基本上就这些。只要结构清晰、路径正确，并通过 Live Server 运行，VSCode 可完美支持含框架的 HTML 页面预览。不复杂但容易忽略的是启动方式——必须用本地服务器而非直接打开文件。
