在vim中使用zencoding/Emmet
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的更多相关文章
- vim 中 也可以 直接安装 emmet 直接使用zen coding 生成 l指定个数的 lorem ipsum文字.
超链接的写法: 当作为链接的文字, 比较长时, 整个作为链接 就显得不是 很适合. 可以取其中的某一个单词 作为 超链接的 关键字:如: click here to continue emmet中如何 ...
- Linux环境下shell和vim中乱码原因及消除办法
shell和vim中乱码原因及消除办法 作者:Jack47 在Linux下开发,经常遇到乱码问题:shell或者vim中显示不了中文,或者能够显示,但不能输入中文.每次都是上网去搜,或者同事告诉我一些 ...
- 再谈vim中多窗口的编辑
参考:http://blog.csdn.net/shuangde800/article/details/11430659 很好 鼠标在各个窗口间循环移动: ctrl+w+(小写的 hjkl), &qu ...
- 在VIM中进行快速的查找和替换
VIM是被誉为非常高效的文本编辑软件.但是掌握并高效的使用是件有难度的事情.在VIM中进行快速的查找和替换是提高VIM使用效率的重要方法.下面是我在阅读VIM用户手册时整理的一些资料: 行内搜索. f ...
- vim中替换命令
在VIM中进行文本替换: 1. 替换当前行中的内容: :s/from/to/ (s即substitude) :s/from/to/ : 将当前行中的 ...
- vim中 set 用法设置
vi set用法from google search一.常用收集如下:(vi set)set autoindent 在插入模式下,对每行按与上行同样的标准进行缩进,与shiftwidth选项结 ...
- vim中输入tab符
今天在写Makefile时各种出错.后来发现是all:的下一行,make前面必须是tab符,不能是空格. 但是vim中只要按tab就会自动转换成4个空格.平时编程需要,也不便把这个设置取消. 查了下, ...
- vim中添加molokai.vim 配色安装
无意中发现知乎中讨论的话题: 你认为最好看的 Vim 配色方案(color scheme)是哪款? 网友回答 排在第一位的是:molokai 啊,最经典的配色 既然molokai这么经典,当然要用了. ...
- 解决vi/vim中粘贴会在行首多很多缩进和空格的问题
解决vi/vim中粘贴会在行首多很多缩进和空格的问题 secureCRT会将你原来的文本原封不动的按照字符串的样式发送给服务器.所以当你的服务器上的vim设置为autoindent的话,在i模式下,那 ...
随机推荐
- 三十天学不会TCP,UDP/IP编程--MAC地址和数据链路层
这篇文章主要是来做(da)推(guang)介(gao)的!由于这两年接触到了比较多的这方面的知识,不想忘了,我决定把他们记录下来,所以决定在GitBook用半年时间上面写下来,这是目前写的一节,后面会 ...
- c# textbox的滚动条总是指向最底端
当我第一次添加滚动条时候,我发现滚动条总是跑向上方,经过研究 解决方案如下: this.textBox1.Focus(); 获取焦点 this.textBox1.Select(this.textBox ...
- CentOS6 图形界面(gnome)安装,使用vnc进行远程连接
CentOS6相对于CentOS5的安装有了不少的进步,有不少默认的选项可以选择,如: Desktop :基本的桌面系统,包括常用的桌面软件,如文档查看工具. Minimal Desktop :基本的 ...
- .NET Core快速入门教程 2、我的第一个.NET Core App(Windows篇)
一.前言 本篇开发环境?1.操作系统: Windows 10 X642.SDK: .NET Core 2.0 Preview 二.安装 .NET Core SDK 1.下载 .NET Core下载地址 ...
- ajax请求处理和views处理函数的优先级
当采用ajax处理请求的时候,在views函数中使用 return render(request,'XXX.html',{'error':form.get_error()}) 返回渲染模板时,会优先处 ...
- POJ 1849 Two(树的直径--树形DP)(好题)
大致题意:在某个点派出两个点去遍历全部的边,花费为边的权值,求最少的花费 思路:这题关键好在这个模型和最长路模型之间的转换.能够转换得到,全部边遍历了两遍的总花费减去最长路的花费就是本题的答案,要思考 ...
- gcc/g++ 命令的经常使用选项
gcc/g++ 命令的经常使用选项格式(选项 解释) -o FILE 指定输出文件名称.在编译为目标代码时,这一选项不是必须的.假设FILE没有指定,缺省文件名称是a.out. -c 仅仅编译生成目标 ...
- 18、Cocos2dx 3.0游戏开发找小三之cocos2d-x,请问你是怎么调度的咩
重开发人员的劳动成果,转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/30478251 Cocos2d 的一大特色就是提供了事 ...
- hdu5418--Victor and World(floyd+状压dp)
题目链接:点击打开链接 题目大意:有n个城市.在n个城市之间有m条双向路.每条路有一个距离.如今问从1号城市去游览其他的2到n号城市最后回到1号城市的最短路径(保证1能够直接或间接到达2到n).(n& ...
- 基于FPGA的图像显示
基于FPGA的图像显示 作者:lee神 这几天一直在调试FPGA的图像显示系统,今天终于成功,图像不在闪烁,也不再边框缺失. 基于FPGA的图像处理的第一课应该是基于FPGA的图像显示,只有图像正常显 ...