Sublime怎么闭合标签?前端开发必看的高效快捷键
ctrl+shift+.(win/linux)或cmd+shift+.(macos)是sublime原生close_tag命令,不依赖语法识别、插件或输入法,光标在任意标签附近即补全对应闭合标签,适用于html、vue、plain text等所有场景。

Sublime 本身不自动闭合 HTML 标签,但提供两种稳定、可立即生效的闭合方式:原生 close_tag 快捷键(推荐),或启用内置的 auto_close_tags 配置项。别装插件,也别折腾 Emmet 冲突——90% 的闭合需求,靠这两个原生能力就足够。
怎么用快捷键立刻闭合光标附近的标签?
不管当前语法模式是 HTML、Vue 还是 Plain Text,只要光标在起始标签(如 <div>)或结束标签(如 <code>
)附近,按下
Ctrl+Shift+.(Windows/Linux)或
Cmd+Shift+.(macOS)就能补全对应闭合标签。
这个命令叫 close_tag,是 Sublime 原生命令,不依赖任何插件或语法识别,也不吃 Emmet 设置干扰。
- 它不会检查是否已存在闭合标签,所以重复按会叠加(比如已有
<div></div>,再按一次变成 <div></div>)
- 适用于临时改旧项目、调试时语法被识别错、或写内联 HTML 片段等“不想动设置”的场景
- 对自闭合标签(
<img>、<input>)无效——这是设计如此,不是 bug
为什么输完 <div> 按 <code>> 没反应?
因为 auto_close_tags 被关了,或者当前文件没被识别为 HTML 语法。
Sublime Text 3/4 默认开启 auto_close_tags,但以下情况会让它失效:
- 右下角状态栏显示的不是
HTML(比如是 Plain Text 或 XML)
- 用户设置里写了
"auto_close_tags": false(哪怕只有一行,也会覆盖默认)
- 装了 Emmet 并启用了
enable_tab_expand,导致 Tab 键接管了闭合逻辑,而 > 被忽略
验证方法:新建一个 .html 文件,输入 <p></p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill7710" title="前端设计优化skill"><img
src="https://img.php.cn/upload/skill/000/000/081/179163003435961.jpg" alt="前端设计优化skill" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill7710" title="前端设计优化skill" class="overflowclass">前端设计优化skill</a>
<p class="overflowclass">前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度,帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度,帮助开发者将普通页面升级为高品质产品级界面。</p>
</div>
<a rel="nofollow" href="/xiazai/skill7710" title="前端设计优化skill" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>,确认右下角是 HTML,再按 > —— 应该立刻补出
并把光标停在中间。
Emmet 和原生闭合能一起开吗?
能,但容易冲突,不建议。
典型症状:输 <div> 后按 <code>> 补了