zencoding在vim上的插件已经改名为Emmet.vim

1. 安装,推荐使用vundle插件管理器安装,在~/.vimrc中,添加:Bundle ‘Emmet.vim’,输入命令vim +BundleInstall +qall 即可完成安装;

    个人vim配置:https://www.github.com/lozybean/myVimConfig.git

2. 常用的缩略词:

    # 添加一个id属性;

    . 添加一个class属性;

    > 添加一个下级标签;

    + 添加一个平行标签;

    [] 添加属性具体值;

    {} 添加标签中显示的内容;

    * 添加连续的相同标签;

    $ 添加递增的数字,$$表示两位数字等;

    () 用来改变优先级顺序,默认缩略词组合优先级为  +  比  > 高,通过()的作用就像四则运算改变优先级一样。

3. 一个示例,《细说PHP》p313 的缩略词组合:

form[method=post][action=viewthread.php][target=_blank]>h2[align=center]{发表文章演示}+(div[style="width:200;float:left"]>h5{选项}+(ul[style="list-style:none;margin:0px;padding:0px"]>li*9>input[type=checkbox][name="parse[]"][value=$$]))+div[style="width:300;float:left"]>(h5{标题}>input[type=text][name=subject][size=50])+(h5{内容}>textarea[rows=7][cols=50][name=message])+input[type=submit][name=replysubmit][value="发表帖子"]

由于属性比较多,写出来会比较长,但是里面用到了非常多的缩略词方法,将光标移动到最后(仍然在插入模式下),按下control+y,然后再按 , 按键,将缩略词展开:

4. 多行选取:vim中多行选取后再展开,会提示输入缩略词,然后将选中的多行展开,如果使用*(如果缩略词比较复杂,包含属性等,则将*放到最后),则会讲每一行的内容分别放到标签中,否则会把整个内容放到一个标签中。

    多行选取貌似对input标签无效,或者是对单标签无效,求验证。

5. 常用的编辑命令,用<c-y>表示control+y,命令实现的模式都是<c-y>,然后再按一个按键的方式实现:

    <c-y> + , : 展开缩略词

    <c-y> + n : 移动光标到下一个编辑点

    <c-y> + N : 移动光标到上一个编辑点

    <c-y> + d : 选中整个标签(visual模式)

    <c-y> + D : 选中标签中的内容  (visual模式)

    <c-y> + / : 注释一个标签

    <c-y> + k : 移除一个标签

在vim中使用zencoding/Emmet的更多相关文章

  1. vim 中 也可以 直接安装 emmet 直接使用zen coding 生成 l指定个数的 lorem ipsum文字.

    超链接的写法: 当作为链接的文字, 比较长时, 整个作为链接 就显得不是 很适合. 可以取其中的某一个单词 作为 超链接的 关键字:如: click here to continue emmet中如何 ...

  2. Linux环境下shell和vim中乱码原因及消除办法

    shell和vim中乱码原因及消除办法 作者:Jack47 在Linux下开发,经常遇到乱码问题:shell或者vim中显示不了中文,或者能够显示,但不能输入中文.每次都是上网去搜,或者同事告诉我一些 ...

  3. 再谈vim中多窗口的编辑

    参考:http://blog.csdn.net/shuangde800/article/details/11430659 很好 鼠标在各个窗口间循环移动: ctrl+w+(小写的 hjkl), &qu ...

  4. 在VIM中进行快速的查找和替换

    VIM是被誉为非常高效的文本编辑软件.但是掌握并高效的使用是件有难度的事情.在VIM中进行快速的查找和替换是提高VIM使用效率的重要方法.下面是我在阅读VIM用户手册时整理的一些资料: 行内搜索. f ...

  5. vim中替换命令

    在VIM中进行文本替换:       1.  替换当前行中的内容:    :s/from/to/    (s即substitude)         :s/from/to/     :  将当前行中的 ...

  6. vim中 set 用法设置

    vi set用法from google search一.常用收集如下:(vi set)set autoindent     在插入模式下,对每行按与上行同样的标准进行缩进,与shiftwidth选项结 ...

  7. vim中输入tab符

    今天在写Makefile时各种出错.后来发现是all:的下一行,make前面必须是tab符,不能是空格. 但是vim中只要按tab就会自动转换成4个空格.平时编程需要,也不便把这个设置取消. 查了下, ...

  8. vim中添加molokai.vim 配色安装

    无意中发现知乎中讨论的话题: 你认为最好看的 Vim 配色方案(color scheme)是哪款? 网友回答 排在第一位的是:molokai 啊,最经典的配色 既然molokai这么经典,当然要用了. ...

  9. 解决vi/vim中粘贴会在行首多很多缩进和空格的问题

    解决vi/vim中粘贴会在行首多很多缩进和空格的问题 secureCRT会将你原来的文本原封不动的按照字符串的样式发送给服务器.所以当你的服务器上的vim设置为autoindent的话,在i模式下,那 ...

随机推荐

  1. 在网站开发中经常用到的javaScript技术

     1>屏蔽功能类 1.1 屏蔽键盘所有键<script language="javascript"><!--function document.onkeyd ...

  2. 【前端】Util.js-ES6实现的常用100多个javaScript简短函数封装合集(持续更新中)

    Util.js (持续更新中...) 项目地址: https://github.com/dragonir/Util.js 项目描述 Util.js 是对常用函数的封装,方便在实际项目中使用,主要内容包 ...

  3. kafka消息传输时的对象转字符串时所需 -json String 转list 、set、 Long、 String 、map 与json Iterator遍历

    JSONObject jsonObject = new JSONObject(jsonString); Iterator iterator = jsonObject.keys(); while(ite ...

  4. Hibernate学习笔记(五) — 多对多关系映射

    多对多关系映射 多对多建立关系相当于在第三张表中插入一行数据 多对多解除关系相当于在第三张表中删除一行数据 多对多改动关系相当于在第三张表中先删除后添加 多对多谁维护效率都一样.看需求 在实际开发过程 ...

  5. MobileNets总结

    Google在2017年上半年发表了一篇关于可以运行在手机等移动设备上的神经网络结构--MobileNets.MobileNets是基于深度可分离卷积(depthwise separable conv ...

  6. 在Docker中运行asp.net core 跨平台应用程序

    概述 Docker已经热了有一两年了,而且我相信这不是一个昙花一现的技术,而是一个将深远影响我们日后开发和部署.运营应用系统的一种创新(很多人将其作为devops的一种非常重要的基石).学习docke ...

  7. Asp.net mvc 知多少(四)

    本系列主要翻译自<ASP.NET MVC Interview Questions and Answers >- By Shailendra Chauhan,想看英文原版的可访问http:/ ...

  8. 一位10年Java工作经验的架构师聊Java和工作经验

    从事近十年的 JavaEE 应用开发工作,现任阿里巴巴公司系统架构师.对分布式服务架构与大数据技术有深入研究,具有丰富的 B/S 架构开发经验与项目实战经验,擅长敏捷开发模式.国内开源软件推动者之一, ...

  9. 什么是PMI

    项目管理协会 PMI PMI是世界领先的非盈利会员协会的项目管理专业机构 ,在全球185个国家有70多万会员和证书持有人.此外,PMI还是多个英文短语的缩写,较为著名的是采购经理指数PMI. 项目管理 ...

  10. git命令的使用

    git命令行的使用 0. 工作中常使用的命令行(小结) 假设我们工作共同使用的开发分支为dev,我自己的开发分支为dev_cx.安装git,在工作文件夹下打开git bash. $ git check ...