【问题标题】:Is there a way to get Sublime Text 2 to autocomplete HTML attributes?有没有办法让 Sublime Text 2 自动完成 HTML 属性?
【发布时间】:2012-06-02 05:59:06
【问题描述】:

我想知道是否有办法让 Sublime Text 2 像在 Aptana 中那样自动完成 HTML 属性?

【问题讨论】:

    标签: editor sublimetext2


    【解决方案1】:

    当您使用“<p,然后按回车键,它将为您完成标签对......您最终将得到&lt;p&gt;&lt;/p&gt;,您的光标将位于中间。如果您愿意,可以将其更改为选项卡,方法是将以下内容粘贴到您的首选项 -> 设置 - 用户文件中:

    {
        "auto_complete_commit_on_tab": true
    }
    

    这将覆盖选项卡上完成的默认值 false。同样,仅当您希望使用 tab 而不是 enter 时。

    【讨论】:

      【解决方案2】:

      嘿,你可以试试https://github.com/agibsonsw/HTMLAttributes 或安装名为“HTMLAttributes”的驱动包控制包;)。它对我有用。例如你输入:

      &lt;p 然后按空格键,然后按 ctrl+空格,你会得到属性列表。

      【讨论】:

      • 你的例句在这里没写完。如果您需要在答案中添加 HTML 标签,请使用 Markdown 标记。
      【解决方案3】:

      您可以尝试使用emmet 包。它是专门为 html&css 代码完成而制作的。更多信息请阅读the documentation。

      【讨论】:

        【解决方案4】:

        我遇到了同样的问题;虽然我同时使用了 HTMLAttributes 和 Emmet 这两个插件包,但它们都没有提供我一直在寻找的类似于 Dreamweaver 的自动完成功能。

        解决方案:我找到了一个名为 SublimeCodeIntel 的包,它完全符合我的需要。

        示例:我编写 html 电子邮件并编写大量内联 CSS。最终目标:

          <td style="vertical-align:top;">
        

        安装 SublimeCodeIntel 后,我输入 &lt;td style="v 并显示以“v”开头的 CSS 属性列表。

        使用箭头键,选择vertical-align,然后按tab 进行确认,然后输入字母“t”,现在会显示 CSS 值列表。

        我选择top,然后按tab 再次确认我的选择。

        注意:您可以为未定义的 CSS 属性为 Emmet 创建预定义的 sn-ps,但我想要一些“开箱即用”的东西,而不是必须 a) 通过文档了解如何创建它们(尽管我确信这很简单) 和 b) 每次遇到未定义的 CSS 属性/值(如 vertical-align)时创建一个 sn-p。

        希望这会有所帮助。

        【讨论】:

        • 这确实是我一直在寻找的——一个可以将 ST 变成轻量版 webstorm 的插件
        猜你喜欢
        • 2015-03-25
        • 1970-01-01
        • 1970-01-01
        • 2017-02-10
        • 2016-07-04
        • 2016-07-03
        • 2014-05-19
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多