html - Emmet 覆盖的片段

Question

我一直在关注 Jeffery Way 在 Tuts+ 上提供的 HTML 和 CSS 类(class):

http://learncss.tutsplus.com/

我看到了关于 Zen Coding 的视频:

http://learncss.tutsplus.com/lesson/zen-coding/

我尝试将 Zen Code 安装到 Sublime Text 2 但无法正常工作。我在网上四处寻找，发现了 Emmet，这似乎是新的最好的东西。所以我通过 Command Pallete>"Package Install">"Emmet"安装。效果很好，唯一的问题是我之前使用的片段被 Emmet 覆盖了。

我使用的片段:

<snippet>
   <content><![CDATA[
<li type="square">${1:Item} ${2:}
]]></content>
   <tabTrigger>li</tabTrigger>
</snippet>

li + Tab 会触发:

<li type="square">

有没有办法让我将它添加到 Sublime Text 2 中的 Emmet？还是用Emmet来完成这个标签？我找到了 Emmet tabtriggers 指南，但找不到这个指南:

http://docs.emmet.io/cheat-sheet/

Answer 1

您可以在 Emmet 中创建自己的代码段: http://docs.emmet.io/customization/snippets/ http://docs.emmet.io/abbreviations/types/

...或禁止 Emmet 处理 li 片段: https://github.com/sergeche/emmet-sublime/blob/master/Emmet.sublime-settings#L55

...或禁用 Emmet 选项卡触发器并使用 Ctrl+E: https://github.com/sergeche/emmet-sublime/blob/master/Preferences.sublime-settings#L14

...或将您的 ST 片段重命名为 li2、lit 等