有没有办法让Sublime Text 2自动完成HTML属性?

时间:2012-06-02 05:59:06

标签: editor sublimetext2

我想知道是否有办法让Sublime Text 2自动完成HTML属性,如Aptana?

4 个答案:

答案 0 :(得分:36)

使用&#34;&lt;&#34;默认情况下启用自动填充功能和你的标签,然后按Enter键。因此,如果您输入<p然后按Enter键,它将为您完成标记对...您将以<p></p>结束,光标将位于中间。如果您愿意,可以将以下内容粘贴到首选项中,也可以将其更改为选项卡 - &gt;设置 - 用户文件:

{
    "auto_complete_commit_on_tab": true
}

这将覆盖默认值false,以便在选项卡上完成。同样,只有当你想使用tab而不是enter时才会这样做。

答案 1 :(得分:12)

嘿,您可以尝试https://github.com/agibsonsw/HTMLAttributes或安装名为“HTMLAttributes”的trought包控件包;)。它对我有用。例如,您键入:

<p然后按空格键,然后按ctrl + space,你就会得到属性列表。

答案 2 :(得分:11)

您可以尝试使用emmet包。它专门用于html和css代码完成。有关详细信息,请阅读the documentation

答案 3 :(得分:7)

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

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

示例:我编写HTML电子邮件代码并执行大量内联CSS。最终目标:

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

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

enter image description here

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

enter image description here

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

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

希望这有帮助。