Sublime Text 3 自动关闭 HTML 标签

Sublime Text 3 自动关闭 HTML 标签

我最近开始使用 Sublime Text 3,而不是我以前常用的编辑器 Brackets。当我在 Brackets 中编写 HTML 时,我会输入:(|代表光标)

<div>|

Brackets 会自动生成结束标签,如下所示:

<div>|</div>

如果我之后按下 Enter 键,它将打开并自动缩进标签:

<div>
    |
</div>

我看过其他几个描述使用键盘快捷键的答案。但是有办法吗完全自动化在 Sublime Text 3 中?

编辑:实现我所描述的后半部分的功能并不是 Brackets 的内置功能,而是一个插入。另外,这里有一个例子:

在此处输入图片描述

答案1

要获得标签自动完成功能(以及大量其他炫酷功能),请查看Emmet插件,以前称为 Zen Coding。例如,输入divTab

<div>|</div>

然后击中Enter

<div>
    |
</div>

它是句法基于 CSS 选择器,因此您可以快速完成相当复杂的事情。#page>div.logo+ul#navigation>li*5>a{Item $}Tab会给你:

埃米特

答案2

我使用的一个插件可以自动关闭上述标签,名为自动关闭

您可以通过程序包控制搜索“自动关闭”来安装它。

答案3

我在 Windows 上遇到了同样的问题,许多论坛上的许多人建议我删除并重新安装 Sublime 3。但问题没有解决。我不知道问题的原因。似乎安装的软件包或配置的设置出现了一些问题。我通过这种方式解决了这个问题。

在 Windows 10 中

转到 C:\Users\您的用户名\应用程序数据\漫游\Sublime Text 3

从该文件夹中删除文件夹和内容将解决此问题。

在 Linux 中

请逆转所述过程https://packagecontrol.io/installation

这样做的问题是所有已安装的软件包都将被删除。您需要重新安装所需的软件包。

因此请务必记下并重新安装所有需要的插件。

相关内容