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

问题描述:

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

当您使用“<”和您的标记,然后按回车键时,默认启用自动完成功能。所以,如果你输入<p,然后点击输入,它会完成你的标签对...你会以<p></p>结束,你的光标将在中间。

{ 
    "auto_complete_commit_on_tab": true 
} 

这将覆盖假的默认值选项卡上完成: - >设置 - 用户的文件,如果你喜欢粘贴以下到您的喜好,您可以将其更改为标签。同样,只有当你希望使用Tab而不是Enter时。

您可以尝试使用emmet包。它是专门为HTML & css代码完成而制作的。欲了解更多信息,你应该阅读the documentation

嘿,你可以试试https://github.com/agibsonsw/HTMLAttributes或者安装名为“HTMLAttributes”的trought包控件包;)。它的作品适合我。例如,你键入:

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

+0

你的例句在这里没有完成。如果您需要在答案中添加HTML标签,请使用Markdown标记。 –

我有同样的问题;尽管我同时使用了插件包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)每次遇到像vertical-align这样的未定义CSS属性/值时创建一个片段。

希望这会有所帮助。

+0

这确实是我正在寻找的插件 - 将ST转换为webstorm的轻型版本 – Tol182