梦墨吖_5097
发布时间：2026-01-06 15:09:48
|696人浏览过
|来源于php中文网
原创
HTML标签自动闭合依赖Emmet插件而非Sublime原生功能；原生auto_complete仅支持回车补全，Emmet通过Tab展开缩写并生成闭合标签，Auto Close Tag则在输入“”实时闭合。
Sublime Text 默认不自动闭合 <div> 这类标签，所谓“自动闭合”实际由插件 <strong>Emmet</strong> 提供。原生的 <code>auto_complete 只补标签名（如输 div 回车变 <div></div>），但不会在你敲 <div> 后按 <code>> 就自动补
expand_abbreviation 行为。确保已安装 Emmet 插件（通过 Package Control 安装）。关键配置在用户键绑定中：
[
{
"keys": ["tab"],
"command": "emmet_expand_abbreviation",
"context": [
{
"operand": "source.html, text.html - source.html.embedded",
"operator": "equal",
"match_all": true,
"key": "selector"
}
]
}
]这个配置让 HTML 文件中按 Tab 能展开缩写（如 ul>li*3 → 列表结构），同时也能在输入 div 后按 Tab 得到 <div></div>。注意：它不监听 > 键，所以别指望输完 <div> 自动跳到结尾补斜杠 —— 那属于编辑器智能感知范畴，Sublime 不具备。<h3>想输 <code><div> 然后按 <code>> 就闭合？用 Auto Close Tag 插件
如果真需要「输入开始标签后按 > 自动补结束标签」，得装 Auto Close Tag 插件。它监听 > 和 / 键，在以下场景生效：
立即学习“前端免费学习笔记（深入）”；
<div> 按 <code>> → 变成 <div></div>，光标停在中间<img alt="sublime怎么实现自动闭合html标签_sublime自动完成tag设置【方法】" > 按 <code>> → 变成 <img alt="sublime怎么实现自动闭合html标签_sublime自动完成tag设置【方法】" >（自闭合）
<div>，再输 <code> 会自动补全为 该插件默认启用，无需额外配置，但要注意它只对已知 HTML 标签名生效（比如你输 <mycustom></mycustom> 不会闭合），且不处理 JSX 或 Vue 模板中的自定义标签。
这三个机制常被混为一谈，但它们触发条件、作用范围完全不同：
auto_complete（原生）：输 div 后按 Ctrl+Space 或等待弹出菜单选，补全为 <div></div>
Emmet：输 div 后按 Tab，支持嵌套缩写（ul>li*2）Auto Close Tag：输 <div> 后按 <code>>，实时响应，无缩写能力如果你同时装了 Emmet 和 Auto Close Tag，可能遇到冲突：比如输 div 后按 Tab，Emmet 展开，但紧接着又触发 Auto Close Tag 补了个多余
enableAutoCloseTag 设置，或只在需要时启用它。
相关文章
为什么Vue中用@import引入CSS会导致scoped失效？
Vue 插槽怎么使用动态插槽名实现灵活布局切换
Vue 3 中怎么用 reactive 实现多标签页（Tabs）各自独立的草稿箱数据
Vue 3 生命周期钩子怎么管理剪贴板监听事件的注销
Vue 3 中怎么用 watchEffect 实现页面滚动高度实时监听并计算吸顶导航透明度
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
c语言编程软件有GCC、Clang、Microsoft Visual Studio、Eclipse、NetBeans、Dev-C++、Code::Blocks、KDevelop、Sublime Text和Atom。更多关于c语言编程软件的问题详情请看本专题的文章。php中文网欢迎大家前来学习。
9999
2023.11.02
本专题深入剖析Sublime Text的环境配置与脚本开发机制，涵盖从 v3 升级 v4 实践、Shell 与 YAML 语法支持、Console 控制台调试到 Conda 多环境切换等核心操作，并详细讲解 Python 插件编写及构建系统（Build Systems）定制，旨在帮助开发者通过深度定制与脚本驱动，实现自动化代码格式化及跨语言高效开发。
311
2026.04.13
本专题聚焦Go-Zero的API开发，拆解.api描述文件的语法结构、路由与分组定义、参数绑定与校验规则，说明统一响应体、JWT鉴权、跨域与接口文档生成的落地方式，并给出网关聚合与接口测试的实践建议。
100
2026.11.12
本专题围绕Go-Zero的安装与工具链配置展开，讲清Go版本要求、goctl安装方式、代理镜像、protoc依赖与环境变量设置，说明多版本共存、升级回退与CI流水线安装的做法，并整理安装阶段的常见报错与验证步骤。
60
2026.11.12
本专题整理Go-Zero的入门知识，从框架定位、环境准备到跑通第一个API服务，讲清目录分层、配置加载、日志与中间件的基本用法，并对比Gin、Kratos的差异，帮助Go开发者建立整体认知，判断它是否适合当前项目。
60
2026.11.12
本专题从实际API接口调试场景出发，讲解Postman身份认证的完整配置流程，包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查，帮助用户正确完成接口授权与访问验证。
160
2026.11.06
围绕Postman HTTP请求头配置展开，讲解Headers选项的具体使用方式，包括Key和Value参数填写、请求头信息添加、常见Header字段设置及请求头修改方法，帮助用户解决接口调试过程中遇到的请求头配置问题。
120
2026.11.06
详细介绍Postman接口请求的创建与发送方法，涵盖GET和POST请求、URL配置、请求参数、Headers请求头、Body请求体设置以及响应结果查看，帮助用户掌握Postman接口请求的完整操作流程。
120
2026.11.06
DBeaver数据导入专题，整理Excel、CSV、SQL、TXT等常见文件的数据导入方法，涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作，帮助用户将本地文件中的数据写入数据库，并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。
100
2026.11.05
热门下载
相关下载
精品课程
最新文章
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn
