Atom 编辑器已停止维护，atom-html-preview 插件因底层 Electron 升级（1.60+ 版使用 Electron 13+）导致兼容性断裂，无法正常预览；推荐改用 VS Code + Live Server 插件或 Atom 内置服务组合方案。
Atom 编辑器已停止维护，atom-html-preview 插件在新版 Electron 和现代浏览器环境下大概率无法正常工作——这不是配置问题，而是底层兼容性断裂。
为什么 atom-html-preview 打不开或白屏
该插件依赖旧版 Chromium 渲染引擎（Electron 1.8.x 及更早），而 Atom 自 1.60 版起升级到 Electron 13+，atom-html-preview 的 DOM 注入逻辑和 webview 使用方式已失效。常见现象包括：
- 点击预览无反应，控制台报
Failed to load resource: net::ERR_UNKNOWN_URL_SCHEME - 窗口打开但内容为空白，开发者工具里看不到任何 HTML 节点
- 右键菜单中“Preview HTML”选项消失，或点击后弹出错误提示
Cannot read property 'getLoadSettings' of null
替代方案：用内置服务 + 浏览器实时刷新
不依赖插件，靠 Atom 自身能力 + 轻量工具组合，反而更稳定：
- 保存文件时触发浏览器刷新：安装
livereload浏览器扩展（Chrome / Firefox 均支持），再在 HTML 文件末尾手动加一段脚本：<script src="http://localhost:35729/livereload.js"></script>
- 本地起服务避免
file://协议限制：在项目根目录运行python -m http.server 8000（Python 3）或npx http-server -p 8000（需 Node），然后访问http://localhost:8000/your-file.html - Atom 内置快捷键配合：按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS），输入Window: Reload可快速重载编辑器，不影响浏览器预览
如果坚持用 Atom 预览，唯一可行的补丁方式
仅适用于 Atom ≤1.58（Electron ≤11），且必须禁用自动更新：
- 卸载当前
atom-html-preview，改用社区维护分支：apexskier/atom-html-preview（注意不是原作者仓库） - 手动安装命令：
apm install https://github.com/apexskier/atom-html-preview/tarball/master - 安装后重启 Atom，并确认设置中勾选了
Allow insecure content（否则 HTTPS 页面内嵌 HTTP 脚本会被拦截） - 预览时务必使用
.html后缀文件，且文件不能位于node_modules或隐藏路径（如~/.atom）下，否则插件拒绝加载
真正卡住的地方往往不是怎么装插件，而是没意识到 Atom 本身已冻结更新——所有基于它的实时预览方案，本质都在对抗一个不再演进的运行时环境。能跑通只是侥幸，换 VS Code + Live Server 插件，才是省掉后续三天调试的决定性动作。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
