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

Question

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

Answer 1

当您使用“<”和您的标签然后按 Enter 键时，默认情况下会启用自动完成功能。因此，如果您输入<p然后按 Enter，它将为您完成标记对......您最终将在其中完成<p></p>并且您的光标将在中间。如果您愿意，可以将其更改为选项卡，方法是将以下内容粘贴到您的首选项 -> 设置 - 用户文件中：

{
    "auto_complete_commit_on_tab": true
}

这将覆盖默认值 false 以在选项卡上完成。同样，仅当您希望使用制表符而不是输入时。

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再次确认我的选择。

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

希望这可以帮助。