【问题标题】:Auto closing HTML tags in Sublime Text 3Sublime Text 3 中的自动关闭 HTML 标签
【发布时间】:2015-07-14 15:37:32
【问题描述】:

Sublime 2, how to auto close HTML tags and place cursor inside the tag

我试图弄清楚如何让 Sublime 2 创建以下行为:

类型

<strong

然后,在输入时 >

Sublime 会立即打印出来

<strong></strong>

然后你的光标将被放置在标签内。

我正在尝试执行上面在 Sublime Text 3 中引用的内容。here 也提出了类似的问题,但缺乏答案。鉴于过去的时间,我再次问。基本上,我想模拟在 Codecademy 上如何自动完成标签,即没有快捷方式(NO TAB)

Codeacademy example.gif

【问题讨论】:

  • 用粗体明确指出 没有快捷方式 (NO TAB),第一个答案字面意思是 tab。请阅读问题...
  • 那个运气好吗?我希望具有与括号、引号等相同的行为。

标签: html autocomplete sublimetext3


【解决方案1】:

这是官方文档
https://www.sublimetext.com/docs/3/auto_complete.html
在大多数 IDE 中都是一样的。只要您启用了设置(如文档所示) 然后是:
CTRL+空格 - 显示建议
输入以应用建议。 (您可以在设置中更改)

【讨论】:

    【解决方案2】:

    在 Sublime Text 3 上,将空白新文件保存为 .html 文件。

    然后输入如下内容:

    <strong>

    后跟TAB键自动展开为:

    <strong> </strong>

    标签内有活动光标

    【讨论】:

    • tab不仅仅是关闭标签 - 它是一个自动完成功能。例如,键入<inpu 和制表符将导致<input type="" name="">,而不是<input />。即,如果您只想让标签自动关闭,这不是这样做的方法。
    【解决方案3】:

    不是您真正想要的答案,但如果您输入</,ST3 将自动完成最接近的未闭合标签。否则,尼克的自动完整答案是您最好的选择。

    【讨论】:

    • 默认情况下在文档语法设置为HTML时有效。
    【解决方案4】:

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

    在 Windows 10 中

    转到 C:\Users\ YOUR_USER_NAME \AppData\Roaming\Sublime Text 3

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

    在 Linux 中

    请颠倒https://packagecontrol.io/installation中描述的过程

    与此相关的一些问题是所有已安装的 包将被删除。您需要重新安装所需的软件包 再次。

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

    【讨论】:

      【解决方案5】:

      好的,我发现 Sublime 3 的最佳解决方法是继续安装 SublimeCodeIntel 包。我不确定生成弹出窗口是否有问题,因为包中给出的键绑定不起作用,但肯定起作用的是在输入 <_(其中 _ 是空格)以及当你使用自动建议关闭标签自动生成。

      【讨论】:

        【解决方案6】:

        在 Sublime Text 3 上将任何文件保存为 .html 文件。

        然后输入如下内容:

        后跟TAB键自动展开为:

        带有完整的 title 、 body 和 head 标签。

        【讨论】:

        • 请注意,问题作者要求提供一个解决方案,我引用该解决方案,“没有快捷方式(NO TAB)。”,并可能相应地更新您的答案。
        【解决方案7】:

        这对我有用。它以反斜杠结束,即您的结束标记。

        例如,您有<div>my div<,输入/,您将获得<div>my div</div>

        要启用,请将以下对象添加到键绑定文件中的数组中(Sublime Text > Preferences > Key Bindings)。

         {
            "keys": ["/"],
            "command": "close_tag",
            "args": { "insert_slash": true },
            "context": [
                {
                    "key": "selector",
                    "operator": "equal",
                    "operand": "(text.html, text.xml, meta.jsx.js) - string - comment",
                    "match_all": true
                },
                {
                    "key": "preceding_text",
                    "operator": "regex_match",
                    "operand": ".*<$",
                    "match_all": true
                },
                { "key": "setting.auto_close_tags" }
            ]
        }
        

        【讨论】:

          【解决方案8】:

          有一个插件可以自动关闭您所描述的标签Auto Close。它适用于 Sublime 2 和 3。

          请注意,它不适用于 JSX,并且该软件包似乎没有得到维护,但它为我完成了这项工作,因此希望它可能会有所帮助。

          您可以通过 Package Control 搜索“自动关闭”来安装它。

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2019-02-11
            • 2013-08-10
            • 2015-09-27
            • 2016-06-09
            • 2018-06-23
            • 2014-01-07
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多