1 min read

Emmet-vim CSS 写法

Emmet(原来叫 Zen Coding) 通过按键触发来展开缩写词。

在 Vim 下,使用 Emmet-vim 编辑 CSS 文件,首先需要检查文件类型,

:set ft?

如果显示结果不是 filetype=css,则需要先设定文件类型:

:set ft=css

然后你就可以开始写 CSS 规则。

比如要给 body 写一个 margin-right:10px;,则可以在 Vim 输入:

mr10

然后按触发键,默认为 Ctrl+y,

又或者要给 div 块加一个 position:absolute;,则可以输入:

pos:a

然后按触发键。

接下来要给 div 增加 top:20px;right:10px;

t20+r10

然后按触发键。

很简单吧。

附录

  1. Zen Coding 站上的 Cheatsheet 提供有更多缩略词列表
  2. Emmet 上关于 CSS 扩展的说明

修订历史

  1. 2015-06-17:修改 zencoding.vim 为 emmet-vim。
报告问题 修订