【问题标题】:how to use zencoding haml in vim如何在vim中使用zencoding haml
【发布时间】:2016-12-22 02:10:03
【问题描述】:

我想知道是否可以在 Vim 中以类似 Zencoding 的方式扩展简写 HAML。例如,我在 .vimrc 文件中使用 Vundle 并安装了 haml 插件。所以像:

#main.stuff>h1.title+h2.subtitle+p|haml

是否可以在 Vim 中触发上述代码展开为:

#main.stuff
  %h1.title
  %h2.subtitle
  %p

【问题讨论】:

  • 为什么? Zencoding 很酷的原因是编写一个类似选择器的字符串比编写它扩展成的 HTML 快得多。但是 HAML已经类似于选择器:几乎没有任何好处。
  • 我喜欢这样一个事实,即当它展开时,它完全是标签式的,而且速度更快。
  • 当你 Tab 的时候它也是完美的标签。至于更快...您的版本实际上是三个按键(>、+、+、|haml、Ctrl-E = 10 个键;vs Enter、Tab、%、Enter、%、Enter、%)。
  • 是的,在这个特定的代码示例中,它的效率较低。但是,使用 li 和 a 缩放一组 nav 和 ul,嗯。

标签: vim haml emmet


【解决方案1】:

为了在 vim 中编写 zen-coding 风格,已经有一个名为 emmet-vim 的专用 vim 插件。

来自其文档:

Emmet 目前支持 CSS、HTML、XML/XSL 和 HAML、Slim 语言 通过过滤器(见 |emmet-filter|)。

当然,如果文件类型为 haml,则无需应用过滤。以下表达式也将扩展为所需的代码 sn-p:

#main.stuff>h1.title+h2.subtitle+p

将扩展为:

#main.stuff
  %h1.title
  %h2.subtitle
  %p

【讨论】:

  • 你太棒了,谢谢。我什至还不够了解 Emmet,但现在这些点都肯定是相连的。
猜你喜欢
  • 2012-02-15
  • 1970-01-01
  • 1970-01-01
  • 2013-04-15
  • 1970-01-01
  • 1970-01-01
  • 2011-04-19
  • 2013-01-08
  • 1970-01-01
相关资源
最近更新 更多