Emmet 覆盖片段

Posted

技术标签:

【中文标题】Emmet 覆盖片段【英文标题】:Emmet overwritten snippet 【发布时间】:2013-05-03 01:38:33 【问题描述】:

我一直在学习 Jeffery Way 在 Tuts+ 上提供的 html 和 CSS 课程:

http://learncss.tutsplus.com/

我观看了 Zen Coding 的视频:

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

我尝试将 Zen Code 安装到 Sublime Text 2,但无法正常工作。我在网上环顾四周,发现了 Emmet,这似乎是新的最好的东西。所以我通过Command Pallete>“Package Install”>“Emmet”安装。它很好用,唯一的问题是我之前使用的 sn-p 被 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/

【问题讨论】:

【参考方案1】:

您可以在 Emmet 中创建自己的 sn-p: http://docs.emmet.io/customization/snippets/ http://docs.emmet.io/abbreviations/types/

...或禁止 Emmet 处理 li sn-p: 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 sn-p 重命名为 li2lit 等。

【讨论】:

好的,我想我会在 Emmet 中创建自己的 sn-p。听起来它会覆盖其他一些sn-ps。如果我不得不使用它会保留 sn-p 例如:ul>li>a

以上是关于Emmet 覆盖片段的主要内容,如果未能解决你的问题,请参考以下文章

如何在 VSCode 中添加自定义 emmet 片段?

前端开发必备!Emmet使用手册

sublime Text emmet插件使用手册

前端开发必备!Emmet使用手册(转自 http://www.w3cplus.com/tools/emmet-cheat-sheet.html)

转载:Emmet使用手册

覆盖一个常见的片段帮助其他标签片段