不能。atom是纯文本编辑器，不渲染html，双击打开走file://协议会导致fetch跨域报错、js模块加载失败；实时预览必须依赖本地http服务（如npx live-server），并避免atom-html-preview与live-server插件冲突。
Atom 能不能直接打开 HTML 看效果？
不能。Atom 是纯文本编辑器，双击 index.html 用系统默认浏览器打开，走的是 file:// 协议——这意味着 JS 模块加载失败、fetch() 跨域报错、CSS 相对路径错乱，根本不是开发环境。
所谓“实时预览”，必须靠 HTTP 服务启动本地服务器。别信插件一键预览，尤其 atom-html-preview 和 live-server 同时开，必抢端口卡在 Connecting...。
- 推荐命令行起服务：终端进项目根目录，运行
npx live-server --port=8080 - Atom 内置终端快捷键是
ctrl + `，错误直接打在终端里（比如Port 8080 is already in use） - 备选：
npx http-server -p 8000或python3 -m http-server 8000
只装哪几个插件才不卡、不冲突？
Atom 的 HTML 支持是拼凑出来的，装多了反而补全失效、输入卡顿、报错 Unexpected token ——那是因为 <code>linter-jshint 或 htmlhint 把 HTML 当 JS 解析了。
- 必装：
emerald-html（语法高亮更准，能识别模板字符串和自定义标签） - 必装：
autocomplete-html（补原生标签和属性，如div、src、alt） - 可选但实用：
html-snippets（输!+Tab直出完整 HTML5 结构） - 禁用：
atom-html-preview、browser-plus、linter-htmlhint、autocomplete-css（除非你真要写内联 style）
为什么 src="assets/images/logo.png" 死活不补全？
autocomplete-html 的路径补全是“字典式”的：它只扫描项目根目录下一级的图片文件（.jpg / .png），不会递归进 assets/images/ 这类子目录。
- 临时解法：把图片扔到项目根目录（适合练手阶段）
- 正经解法：编辑
.atom/config.cson，加一行：core: { projectHome: "/path/to/your/site" }，让 Atom 明白“项目根”在哪 - 别指望
fuzzy-finder补src值——它是跳文件用的，和属性值无关
Emmet 在 .html 文件里为啥不生效？
Emmet 插件默认不启用 HTML 缩写，即使装了也白搭。
- 手动开启：Settings → Packages →
emmet→ 勾选Enable Emmet for html - 验证方式：新建
index.html，输入!+Tab，看是否生成完整骨架 - 注意：.vue 或 .svelte 文件里的 HTML 片段需额外绑定语言模式，否则 Emmet 不触发——这不是插件问题，是 Atom 默认不认这些后缀里的 HTML 块
最易被忽略的点：Atom 不会自动把当前打开的文件夹当项目根。哪怕你从资源管理器双击进入，它仍可能以用户主目录为基准找图片、跑服务。务必手动设好 projectHome，不然所有路径相关功能都会飘。
