0

0

sublime怎么设置自动闭合标签_sublime自动完成HTML标签【设置】

尼克

尼克

发布时间:2026-03-16 11:32:03

|

641人浏览过

|

来源于php中文网

原创

Sublime Text 默认不自动闭合 HTML 标签,需手动启用内置 auto_close_tags 功能:确保语法为 HTML/HTML 5,于 Preferences → Settings – User 中添加 "auto_close_tags": true,仅对需闭合标签生效,不处理自闭合标签。

sublime怎么设置自动闭合标签_sublime自动完成html标签【设置】

Sublime Text 默认不自动闭合 HTML 标签,得手动开

Sublime Text 原生不开启 HTML 标签自动闭合,哪怕你敲 <div>,它也不会自动补 </div>。这不是 bug,是默认行为——它把“是否闭合”交给插件或用户配置决定。

实操上,最稳的方式是启用内置的 auto_close_tag 功能(不是插件,是 Sublime 自带的语法感知机制),但必须满足两个前提:

  • 文件类型识别为 HTMLHTML 5(右下角状态栏显示对应语言名)
  • "auto_close_tags": true 在设置中生效,且未被覆盖

怎么打开 auto_close_tags 设置

直接改用户配置即可,不用装插件。路径:Preferences → Settings – User,在右侧 JSON 里加这一行(注意逗号):

"auto_close_tags": true

常见错误现象:auto_close_tags 写在了 Settings – Default 里——改那里无效,Sublime 只读取 User 配置;或者写成了 "auto_close_tag": true(少个 s),参数名错就完全不生效。

立即学习前端免费学习笔记(深入)”;

这个设置只对支持标签闭合的语言起作用,比如 HTMLXMLJSX(需配合 Babel 插件),但对纯 Plain TextMarkdown 无效。

输入 < 后没反应?检查光标位置和语法模式

自动闭合只在特定上下文触发:光标必须在开始标签的尖括号内或紧贴其后,比如 <div|><div>|| 表示光标),而不在 <div class="|" 这种属性值里。

Machine Translation
Machine Translation

聚合多个来源的AI翻译

下载

容易被忽略的点:

  • 右下角状态栏显示的是 Plain Text?点它,选 HTML
  • 用了自定义语法高亮插件(如 Vue Syntax Highlight),可能覆盖了原生 HTML 模式,导致 auto_close_tags 失效
  • <script><style> 块内部,它不会闭合 HTML 标签,只响应当前块的语法规则(比如 JS 的括号)

想让 <img> 这类自闭合标签也自动补全?不行,别白费劲

Sublime 的 auto_close_tags 不处理自闭合标签(<img><br><input>)。它只对需要结束标签的元素生效,比如 <div><p><span>

如果你习惯敲 <img 然后按 Tab 出完整结构,那是 Emmet 插件干的事,和 auto_close_tags 完全无关。两者可以共存,但逻辑分离:一个管“闭合”,一个管“展开缩写”。

性能影响几乎为零,兼容性从 Sublime Text 3 build 3143 起稳定支持,旧版本(如 3083)可能部分失效。

真正麻烦的是嵌套深度大时的光标跳转——它会把光标塞进标签对中间,但如果你快速连打多个标签,偶尔会卡在错误位置,这时候按一下 就能出来,不用重来。

相关文章

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

457

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

549

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

337

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

83

2025.09.10

pdf怎么转换成xml格式
pdf怎么转换成xml格式

将 pdf 转换为 xml 的方法:1. 使用在线转换器;2. 使用桌面软件(如 adobe acrobat、itext);3. 使用命令行工具(如 pdftoxml)。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1950

2024.04.01

xml怎么变成word
xml怎么变成word

步骤:1. 导入 xml 文件;2. 选择 xml 结构;3. 映射 xml 元素到 word 元素;4. 生成 word 文档。提示:确保 xml 文件结构良好,并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容,可以阅读本专题下面的文章。

2119

2024.08.01

xml是什么格式的文件
xml是什么格式的文件

xml是一种纯文本格式的文件。xml指的是可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。想了解更多相关的内容,可阅读本专题下面的相关文章。

1175

2024.11.28

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

931

2024.01.03

C++多线程并发控制与线程安全设计实践
C++多线程并发控制与线程安全设计实践

本专题围绕 C++ 在高性能系统开发中的并发控制技术展开,系统讲解多线程编程模型与线程安全设计方法。内容包括互斥锁、读写锁、条件变量、原子操作以及线程池实现机制,同时结合实际案例分析并发竞争、死锁避免与性能优化策略。通过实践讲解,帮助开发者掌握构建稳定高效并发系统的关键技术。

2

2026.03.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号