更新于 2013-08-23 10:33:57 UEANER

目录结构

$ tree -C ~/.vim | grep -v ".cnx\>"

|-- autoload
|   |-- zencoding
|   |   |-- lang
|   |   |   |-- css.vim
|   |   |   |-- haml.vim
|   |   |   |-- html.vim
|   |   |   |-- sass.vim
|   |   |   |-- scss.vim
|   |   |   |-- slim.vim
|   |   |-- lang.vim
|   |   |-- util.vim
|   |-- zencoding.vim
|-- plugin
    |-- zencoding.vim

简介

Zen Coding 的核心是一个功能强大的缩写引擎, 允许你使用类 CSS 选择器的语法来快速开发 HTMLCSS。 例如:

div#page>div.logo+ul#navigation>li*5>a

输入模式下按 <C-y>, 快捷键即可转化为:

<div id="page">
    <div class="logo"></div>
    <ul id="navigation">
            <li><a href=""></a></li>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
    </ul>
</div>

详细教程请看 中文版英文版

安装

$ wget https://github.com/mattn/zencoding-vim/archive/master.zip  -O zencoding-vim.zip
$ unzip zencoding-vim.zip
$ mv zencoding-vim-master/autoload/* ~/.vim/autoload/
$ mv zencoding-vim-master/plugin/zencoding.vim ~/.vim/plugin/

安装完毕,现在可以在 VIM 中任意编辑一个文件, 输入 div#page>div.logo+ul#navigation>li*5>a, 按 <C-y>,试一下了,Great!

转载请注明出处。
本文地址:http://blog.aboutc.net/vim/6/vim-plugin-zencoding-quickly-write-html-css

评论:0

关闭高亮高亮 分享到新浪微博分享到新浪微博