VS Code 中同时编辑多个 HTML 文件需结合工作区管理、分屏与多光标：1. 创建 .code-workspace 文件添加多个项目根目录；2. 拖拽 HTML 标签至编辑器边缘实现垂直/水平分屏；3. 用 Ctrl+K Ctrl+→ 切换标签，Alt+Click 或 Ctrl+Alt+↑/↓ 启用多光标同步编辑。
VS Code 里怎么同时编辑多个 HTML 文件
VS Code 默认支持多标签页打开多个 HTML 文件，但“并行编辑”不是指开一堆标签，而是能同步操作、联动保存、快速切换上下文。关键在工作区管理 + 分屏 + 多光标配合。
常见错误是把所有文件都堆在同一个标签栏里滚动查找，结果改错文件、漏保存、找不到 header.html 和 footer.html 的对应位置。
- 用
Ctrl+K Ctrl+→（Windows/Linux）或Cmd+K Cmd+→（Mac）快速在已打开的 HTML 标签间跳转 - 拖拽标签到编辑器左侧/右侧边缘，自动创建垂直分屏；拖到顶部/底部，生成水平分屏——适合左边写
index.html，右边实时对照style.css - 右键某个 HTML 文件 → “在边栏中显示”，再右键该文件 → “在新窗口中打开”，可跨窗口独立编辑，避免误关标签
Sublime Text 中多 HTML 文件的高效切换与批量修改
Sublime Text 的 Ctrl+P（Cmd+P）文件快速跳转比 VS Code 更轻量，但缺少原生工作区持久化，容易在重启后丢失多文件上下文。
它真正强的是“多选+正则替换”能力，特别适合批量修同一类 HTML 结构，比如统一给所有 <img> 标签加 loading="lazy"。
立即学习“前端免费学习笔记（深入）”；
- 用
Ctrl+Shift+F打开全局查找，勾选“正则表达式”，输入<img([^>]*)?>，再点“全部替换为”：<img$1 loading="lazy"> - 打开多个 HTML 文件后，按
Ctrl+Tab循环切换；按住Ctrl（Mac 为Cmd）再点击多个文件标签，可一次性关闭非目标文件 - 不建议用 Sublime 的“项目”功能管理 HTML 多文件——它的 .sublime-project 配置对路径敏感，一旦移动文件夹就容易报错
Unable to open 'xxx.html': File not found.
iTerm2 + vim/nano 实现终端内 HTML 多文件并行编辑
这不是图形界面的“多文档窗口”，而是在一个终端里切出多个窗格，每个窗格运行独立编辑会话——好处是零 GUI 开销、可脚本化、天然适配 CI/CD 流程。
容易踩的坑是：vim 模式混淆（比如在插入模式下按了 Esc 没反应，其实是光标卡在另一个窗格），或者 nano 保存时忘记按 Enter 确认文件名导致覆盖错文件。
- iTerm2 垂直分屏用
Cmd+D，水平分屏用Cmd+Shift+D；每个窗格执行vim about.html或nano contact.html - vim 中：按
Esc→ 输入:w保存，:q退出；想不退出就切文件？用:e index.html切换，:ls查看已加载缓冲区 - nano 中：改完按
Ctrl+O，**必须再按一次 Enter** 才真正写入；误按Ctrl+X会提示 “Save modified buffer?”，此时输Y或N再回车，别直接关窗
多 HTML 文件并行编辑时最容易忽略的同步点
很多人只关注“怎么打开多个文件”，却忽略它们之间的隐性依赖：路径引用、相对 URL、CSS 类名复用、JavaScript 全局变量污染。这些不会报语法错误，但会导致页面白屏、样式错乱、脚本静默失败。
比如你在 blog-post.html 里加了 <script src="../js/main.js"></script>，但没同步更新 archive.html 的相同 script 标签——浏览器加载 archive 页面时就会 404。
- 所有 HTML 文件共用的资源（如
js/、css/、images/）路径必须保持一致；建议用 VS Code 的“查找文件夹中所有匹配项”（Ctrl+Shift+H）全局检查 - 修改公共 class 名（如从
btn-primary改成cta-button）时，别只靠多光标选中——先确认是否真被所有 HTML 引用，用Ctrl+Shift+F搜索整个文件夹 - 如果用 iframe 嵌套多个 HTML 页面做集成测试，注意同源策略：本地双击打开会触发
Blocked a frame with origin "null" from accessing a cross-origin frame.，必须走http-server启服务
