在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 : 移除一个标签

时间: 2024-10-06 12:19:05

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

在Eclipse中在线安装Emmet和图文使用教程

Emmet是一个强大的代码快速编写工具,使用emmet可以提高代码输入效率,特别是前端工程师在编写HTML和CSS代码时,是一个前端开发的利器! 废话少说,直接上图! 在前端开发所用的编辑器,比如sublime text,editplus,webstorm中,使用emmet很方便,但是在eclipse中怎样使用这个插件来提高开发效率呢? 各位看官往下看! ZenCoding 升级为 Emmet 之后,基于 Eclipse 的插件安装地址也发生了变化,下面是在基于 Eclipse 的 IDE 中安

在 Vim 中设置 Tab 为4个空格

缩进用 tab 制表符还是空格,这不是个问题,就像 python 用四个空格来缩进一样,这是要看个人喜好的.在 Vim 中可以很方便的根据不同的文件类型来设置使用 tab 制表符或者空格,还可以设置长度,非常灵活. 首先来看如何设定 tab 的宽度以及如何确定用 tab 制表符还是空格来表示一个缩进: set tabstop=4 set softtabstop=4 set shiftwidth=4 set noexpandtab / expandtab 说明: 其中 tabstop 表示一个 t

转:在VIM中保存编辑过的只读文件

你是否会和我一样经常碰到这样的情景:在VIM中编辑了一个系统配置文件,当需要保存时才发现当前的用户对该文件没有写入的权限.如果已 经做了很多修改,放弃保存的确很懊恼,只好先保存在用户的主目录下,再用sudo mv移动到文件的原始位置,并按需要chown.这样做实在太麻烦了,以下的这个技巧就太方便了.当需要保存时,输入以下的命令: :w !sudo tee %

Vim中的Tab

Tab和缩进不是一回事. Tab是一个字符(制表符),其显示宽度可定义.可更改Tab键的映射关系,将其设置成n个空格,n由Tab自身宽度决定.缩进指的是一个概念,在Vim中可由>和<键控制增加和减少缩进量,缩进的填充单元可以是制表符也可以是空格,由expandtab的状态确定(noexpandtab/expandtab).一次“>”操作产生的缩进量可自定义,与制表符宽度不一定要一致. 以下是Vim相应的设置命令: set expandtab 更改tab映射为空格 set tabstop=

Vim 中文件目录浏览插件——NERD tree

说明 :vim的插件NERDTree用于使得vim窗口分左右窗口显示的用法说明.其中,左侧为目录的树形界面,简称为NERDTree界面,右则为vim界面. 一.配置步骤 下载地址: http://www.vim.org/scripts/script.php?script_id=1658 或者 http://download.csdn.net/detail/caoyingsdhzcx/5752889 树形目录插件NERDTree的安装方法,如下: 1. 在当前用户文件夹(例如simpman)下,建

老男孩教育每日一题-2017-05-15-说说你在vi/vim中常用的命令或快捷键

1.题目 2.参考答案 01:学会在vim中查询帮助 :help 或:h即可 :help G :help :wq 02.vi/vim 使用最基本方法 第一个里程碑-使用vi打开oldboy.txtvi /data/oldboy.txt默认是命令模式.第二个里程碑i  ->insert插入模式(编辑模式)  ->然后输入文本I am studying linux.第三个里程碑-按esc键我不想编辑了,退出编辑模式(插入模式),再次进入到命令模式第四个里程碑-保存并退出:wqw write 写入q

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

解决vi/vim中粘贴会在行首多很多缩进和空格的问题 secureCRT会将你原来的文本原封不动的按照字符串的样式发送给服务器.所以当你的服务器上的vim设置为autoindent的话,在i模式下,那么它会将secureCRT传输而来的这些字符串再进行一下缩进.若你拷贝的文本中已经有表示缩进的空格或者制表符的话,它们也会被当成字符串,而被缩进.解决办法:1. 在拷贝前输入:set paste (这样的话,vim就不会启动自动缩进,而只是纯拷贝粘贴)2. 拷贝完成之后,输入:set nopaste

vim中.swp文件处理

参考: http://blog.csdn.net/lingdxuyan/article/details/4993868 http://www.cnblogs.com/softwaretesting/archive/2011/09/23/2185851.html 关于swp文件 使用vi,经常可以看到.swp这个文件,那这个文件是怎么产生的呢,当你打开一个文件,vi就会生成这么一个.(filename)swp文件 以备不测(不测下面讨论),如果你正常退出,那么这个这个swp文件将会自动删除 . 不

vim中的分屏

Linux中的vim是vi的增强版.需要自己下载安装.安装后vim支持自己配置和各种插件.有时候我们看源码需要同时看.h和.c文件.来回切换很难受.vim支持分屏.及将屏幕分成若干块. 上下分屏:在命令行输入sp回车 左右分屏:vsp.每个分屏后的窗口中可以继续进行上下和左右分屏. 上下分屏命令后面可以接文件名,打开指定的文件. 光标在所分的屏幕中的移动:vim中支持h,j,k,l四个键来移动光标.光标在分屏窗口中切换需要先按ctrl+w 然后按h,j,k,l来切换. 退出光标所在的分屏:ctr