必须右键用文本编辑器打开HTM文件，因双击默认调用浏览器仅渲染页面、无法编辑源码；正确方式是右键“打开方式”选记事本/VS Code等，或拖入编辑器，保存时选UTF-8编码并保持.htm/.html后缀，最后在浏览器按F5刷新预览。

直接右键用文本编辑器打开，别双击——否则默认用浏览器打开，你改不了代码。

为什么不能双击打开HTM文件来编辑

双击 .htm 或 .html 文件，默认触发的是系统关联的浏览器（如 Chrome、Edge），它只负责渲染页面，不提供编辑功能。你看到的是“网页效果”，不是“源代码”。想改内容，必须打开文件的原始文本结构。

• Windows 默认可能把 .htm 关联到浏览器，甚至关联系统自带的“Internet Explorer”（已停用），导致双击后空白或报错
• 某些编辑器（如 Word、WPS）也会错误关联 .htm 文件，打开后显示乱码或格式崩溃
• 浏览器地址栏显示 file:/// 开头，说明是本地文件协议加载——这本身不支持编辑

正确打开编辑的三种方式

核心原则：绕过浏览器，用纯文本编辑器读取文件内容。

Superpowers

Superpowers是一款AI智能体工具，Jesse Vincent开源的 Agentic 技能框架与软件开发方法插件。

下载

• 右键 → “打开方式” → 选记事本 / VS Code / Notepad++：最稳妥，不依赖默认关联
• 在编辑器里用“文件 → 打开”菜单，手动定位并选中该 .htm 文件：适合 VS Code 等 IDE，还能自动高亮 HTML 语法
• 拖拽文件到编辑器窗口：VS Code、Sublime Text、Typora 等都支持，比右键更快

编辑后保存和预览的注意事项

改完代码必须手动保存，再用浏览器验证效果——这个流程不能跳。

• 保存时确认扩展名仍是 .htm 或 .html，别变成 .txt（Windows 可能自动加后缀，需在“另存为”里选“所有文件”，编码选 UTF-8）
• 浏览器预览前务必刷新（F5 或 Ctrl+R），否则可能缓存旧版本
• 如果中文变乱码，大概率是保存时没选 UTF-8 编码；记事本默认是 ANSI，VS Code 默认是 UTF-8，优先用后者
• 修改 里的 或 后，也要刷新才生效

最容易被忽略的一点：改完保存后，别只盯着编辑器看——一定要切到浏览器按 F5。很多人以为“保存了就等于更新了”，其实浏览器根本不知道你动过文件，它只认自己上次加载的那一份快照。