atom不直接渲染html，而是通过file://协议交由浏览器加载，但该协议受跨域、service worker等限制；解决方法是使用本地http服务器（如python -m http.server）以http://localhost访问。
Atom 本身不打开 HTML 源代码——它只显示源码文本；所谓“在浏览器中打开”，本质是把当前文件路径交给 Chrome、Firefox 等外部程序加载，file:// 或 http://localhost 协议才是关键。
为什么双击或右键“Open in Browser”有时打不开？
常见错误现象：file:///C:/.../index.html 地址在浏览器里显示空白、JS 不执行、图片 404、fetch 报 CORS 错误。这不是 Atom 配置问题，而是浏览器对 file:// 协议的限制：禁止跨域请求、不支持 Service Worker、相对路径解析容易错乱。
- 插件如
open-in-browser只负责拼出file://路径并调用系统命令，不改协议行为 - Windows 下路径含空格或中文时，部分老插件会漏转义，导致浏览器打不开（错误信息类似
Failed to load resource: net::ERR_FILE_NOT_FOUND） - Atom 未保存文件就触发打开，浏览器实际加载的是旧缓存版本——务必先按
Ctrl+S
怎么让 Atom 启动 Chrome 并传入正确路径？
核心是确保 atom-shell-commands 插件的 arguments 字段能生成合法 URI。Windows 用户尤其要注意反斜杠和空格处理：
"atom-shell-commands":
commands: [
{
name: "open with chrome"
command: "C:\Program Files\Google\Chrome\Application\chrome.exe"
arguments: [ "--new-window", "file:///{FileDir}/{FileName}" ]
options: { cwd: "{FileDir}" }
keymap: 'ctrl-2'
}
]
-
{FileDir}和{FileName}是 Atom 内置变量，但不会自动 URL 编码，路径含空格时需手动加引号：改为"file:///{FileDir}/{FileName}"→"file:///{FileDir}/{FileName}"（注意外层双引号保留） - Mac/Linux 用户用
google-chrome命令即可，无需完整路径；但要确认which google-chrome有输出，否则插件报spawn ENOENT - 不要用
command: "start"或cmd /c start—— Windows 的start对 URI 解析不稳定，易丢参数
想绕过 file:// 限制？必须起本地 HTTP 服务
所有“实时刷新”“AJAX 正常”“PWA 可用”的前提，是让浏览器通过 http:// 加载资源。Atom 自带终端（Ctrl + `）可快速启动：
- Python 3 用户：运行
python -m http.server 8000，然后访问http://localhost:8000/index.html - Node.js 用户：先
npm install -g http-server，再http-server -p 8080，注意默认根目录是当前终端所在路径，不是 Atom 打开的文件夹 -
atom-live-server插件本质也是调用http-server，但它会把当前 HTML 文件所在目录设为根，更省心；但不支持自定义端口或 HTTPS
最易被忽略的一点：Atom 的 {FileDir} 变量返回的是未 URL 编码的本地路径，直接塞进 file:// 时，空格、括号、中文都会导致 Chrome 打不开——别依赖“看起来能点开”，真做前端调试，http://localhost 才是唯一可靠路径。
