atom原生不支持html标签自动闭合,需安装atom-autocomplete-tags(推荐)或autoclose-html插件;二者不可共存,且须确保文件语法为html,关闭autocomplete-html的自动补全以避免冲突。

HTML自动闭合标签在Atom里默认不工作
Atom原生不支持HTML标签自动闭合(比如输入 <div> 后回车或按 <code>> 不自动生成
atom原生不支持html标签自动闭合,需安装atom-autocomplete-tags(推荐)或autoclose-html插件;二者不可共存,且须确保文件语法为html,关闭autocomplete-html的自动补全以避免冲突。

Atom原生不支持HTML标签自动闭合(比如输入 <div> 后回车或按 <code>> 不自动生成
autocomplete-html 或设置里翻半天,它压根没这能力。
常见错误现象:
– 输入 <p></p> 后敲空格/回车,光标停在行尾,没出现
autocomplete-html 仍无反应Ctrl+Space 只弹出属性或标签名,不补结束标签
emeraldwalk:atom-autocomplete-tags(最稳定)或 autoclose-html(轻量但偶尔漏闭合)autoclose-html 在 Atom 1.60+ 版本中对自定义元素(如 <my-comp></my-comp>)支持更差HTML(右下角状态栏显示“HTML”,不是“Text”或“Auto”)atom-autocomplete-tags 并调通HTML闭合这个插件能识别开始标签、自动插入匹配的结束标签,并支持缩进对齐和光标定位,比老插件靠谱得多。关键是它不依赖Tern或语言服务,纯前端逻辑,启动快、不卡顿。
Settings → Install → 搜索 atom-autocomplete-tags → 点击安装Packages 列表,确认 atom-autocomplete-tags 状态是 Enabled
<div> 后按 <code>> 或 Enter,会自动补全为 <div></div>,且光标停在两者之间
HTML:右键编辑器空白处 → Grammar → 选 HTML;若显示 HTML (Rails) 或 HTML (Twig),也正常autocomplete-html 插件不管闭合的事autocomplete-html 只负责「建议」,比如你打 di,它弹出 <div>、<code><dialog></dialog> 等候选;但它不监听输入流、不分析标签嵌套、也不插结束符——这是两个完全不同的职责。
autocomplete-html 和 atom-autocomplete-tags,前者可能干扰后者的触发时机(比如按 > 时先弹出属性建议框)autocomplete-html 的设置页,把 Enable Auto Completion 关掉,只留 atom-autocomplete-tags 管闭合在 macOS 上,atom-autocomplete-tags 默认对 <script></script> 和 <style></style> 内部的标签不闭合(防误触),但很多人误以为插件坏了;Windows 用户则常因中文路径导致插件加载失败,报错类似 Cannot find module 'atom-autocomplete-tags'。
<script></script> 里也闭合?打开插件设置 → 勾选 Enable in script and style tags
apm install atom-autocomplete-tags(避免 GUI 安装器读取错编码)atom-autocomplete-tags(v0.1.x)会失效;务必装最新版(v0.2.0+),GitHub 主页明确写了 “Compatible with Atom 1.60+”闭合逻辑本身很简单,但 Atom 的语法识别、插件加载顺序、文件 grammar 类型三者一碰就容易断链。别纠结“为什么别的编辑器一点就开”,先确认 grammar 对、插件启、冲突关——剩下就是输入 的事了。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!
相关标签:
本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
相关专题
热门下载
相关下载
精品课程
共6课时 | 54.7万人学习
共89课时 | 133.9万人学习
共49课时 | 82.5万人学习