有没有办法让 Sublime Text 2 自动补全 HTML 属性？

Question

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

Answer 1

当您使用“<" and your tag and then hit enter. So if you enter

<p

”时，默认情况下会启用自动完成功能，然后按 Enter 键，它将为您完成标签对...最终会出现

<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

）时，都会创建一个片段。

希望这有帮助。

Answer 5

我找到了这个插件的解决方案idn slot