Atom Auto-complete-html插件：编写HTML网页的利器
找不到 auto-complete-html 插件是因为它并非 atom 官方或主流社区维护的插件名；实际可用的是 emmet（默认集成但需启用）、html-tag-auto-complete（仅补纯标签名）和 atom-double-tag（精准定位闭合标签）。
auto-complete-html 并不是 Atom 官方或主流社区中广泛存在、稳定维护的插件名——你很可能想说的是
emmet、
html-tag-auto-complete 或
atom-double-tag 这类实际可用的 HTML 补全工具。直接搜
auto-complete-html 在 apm 上基本无结果，装了也大概率不生效或已废弃。
为什么找不到 auto-complete-html 插件？
Atom 的插件生态里没有统一命名的 auto-complete-html 包。官方推荐的 HTML 补全能力主要来自两个来源：emmet（内建支持，但需启用）和第三方插件如 html-tag-auto-complete。很多用户误把功能描述当成了插件名，比如看到“自动补全 HTML 标签”就去搜这个短语，结果匹配不到确切包。
-
emmet 是 Atom 默认集成的（v1.20+），但默认可能未激活 HTML 语法下的快捷键
-
html-tag-auto-complete 确实存在，功能聚焦于 div#app.container 这类写法转成完整标签
-
atom-double-tag 解决的是成对标签问题（输入 <div> 自动补 <code>
并把光标放中间）
怎么让 emmet 在 HTML 文件里真正生效？
Atom 自带 emmet，但常因作用域配置失效。关键不是装新插件，而是确认它是否在 .html 文件中被触发：
HTML Extract
使用 MinerU 从 HTML 页面和文件中提取内容，将 HTML 转换为保持标题、列表、表格及文本层次结构的干净、结构化 Markdown。F...
下载
- 打开一个
.html 文件，确保右下角语言模式显示为 HTML（不是 Plain text 或 Text）
- 输入
div.container#main 后按 Tab —— 如果没展开，说明 Emmet 键绑定没生效
- 检查
Settings → Packages → emmet → Settings，确认 Enable Emmet 已勾选，且 Supported Grammars 包含 text.html.basic
- 若仍无效，可手动在
keymap.cson 中加一行：'atom-text-editor[data-grammar="source.js"]': 'tab': 'emmet:expand-abbreviation'（替换 source.js 为 text.html.basic）
html-tag-auto-complete 的真实使用限制
这个插件名字直白，但行为很具体：只响应「单独一行、以合法 HTML 标签名开头」的输入，比如你敲 section 换行后按 Tab，它才补成 <section></section>；但不会处理 section.foo#bar 这种 Emmet 式写法——那是 emmet 的地盘。
- 它不依赖文件类型，
.js 或 .md 里也能用，但仅当光标前是纯标签名时才触发
- 不支持嵌套缩写（如
ul>li*3），也不插入属性，只做最简配对
- 如果同时启用了
emmet 和它，容易冲突：同一输入触发两次补全，结果错乱
别忽略 atom-double-tag 的定位价值
当你写到一半突然需要闭合标签（比如写了 <article></article> 就停住），atom-double-tag 的核心价值不是“自动写”，而是“自动定位”：它补完
- 它不改写已有内容，只监听
开头的合法开始标签
- 对自定义元素（如
<my-card></my-card>）也有效，只要语法合法
- 禁用
emmet 的 Expand Abbreviation 快捷键（比如改成 Ctrl+E），能避免和 atom-double-tag 的 Tab 冲突
Atom 的 HTML 编辑体验不靠单个“万能插件”，而靠组合：用
emmet 写骨架，
atom-double-tag 补漏和定位，必要时关掉其中一个避免干扰。真正的坑不在装什么，而在搞清每个插件实际接管哪一段输入流。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
