如何在emmet中创建自己的命令?

时间:2014-12-25 19:19:43

标签: html sublimetext2 emmet preset

我一直在 Sublime Text 中使用Emmet很长一段时间。现在我想插入自己的命令以使其更快。

例如,如果我输入:

block

然后按tab我希望它扩展到:

<div class="block">
  <div class="text">
     <h3>|</h3>
     <p></p>
  </div>
</div>

并且,如果可能的话,我希望它能立即从|开始。

您可以将其视为某种预设。

我一直在搞乱这个目录,但我不想自己这样做,除非我搞砸了。

这可能吗?

2 个答案:

答案 0 :(得分:2)

我不太了解崇高的文字,但看起来您正在搜索代码段http://www.hongkiat.com/blog/sublime-code-snippets/

答案 1 :(得分:2)

打开 snippets.json (在Emmet安装目录下查找),然后按Ctrl + F搜索“html”: 在“html”中你会找到“snippets”属性 - 这是你应该添加自定义片段的地方(不要忘记在上一个片段的末尾添加逗号(,)):< / p>

"block": "<div class=\"block\">\n\t<div class=\"text\">\n\t\t<h3>|</h3>\n\t\t<p></p>\n\t</div>\n</div>"

您还可以在其网站上找到有关自定义Emmet代码段的更多详细信息:http://docs.emmet.io/customization/snippets/