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

Question

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

Answer 1

默认情况下,当您使用"<"和您的标记然后按Enter键时,会启用自动填充功能.因此,如果您输入<p然后按回车键,它将为您完成标签对...您最终会在哪里<p></p>,光标将位于中间.如果您愿意将以下内容粘贴到首选项 - >设置 - 用户文件中,则可以将其更改为选项卡:

{
    "auto_complete_commit_on_tab": true
}

这将覆盖默认值false,以便在选项卡上完成.同样,只有当您希望使用tab而不是enter时.

Answer 2

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

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

Answer 3

您可以尝试使用emmet包.它专门用于html和css代码完成.有关更多信息,请阅读文档.

Answer 4

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

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

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

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

安装SublimeCodeIntel之后,我输入<td style="v了一个以"v"开头的CSS属性列表.

使用我的箭头键,我选择vertical-align并按tab确认,然后键入字母"t",现在显示CSS值列表.

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

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

希望这可以帮助.