写html页面,使用插件是免不了的,纯手写html的感觉谁写谁知道 : ) .

这里有一个非常好用的vim插件:emmet-vim

推荐使用pathogen.vim安装:

简易说明:

新建一个html文件后,输入html:5,然后按control+y,再按,即可生成:

```

---

#####基本规则:

1. E 代表HTML标签

2. E#id 代表标签E有id属性

3. E.class 代表E有class属性

4. E[attr=foo] 代表某个特定属性

5. E{info} 代表标签E包含的内容是info

6. E>N 代表N是E的子元素

7. E+N 代表N是E的同级元素

8. E^N 代表N是E的上级元素

举例:

输入p.class#id，生成：

输入h1{foo}，生成：

foo

输入h1+h2, 生成：

输入img^a, 生成：

输入h1>h2, 生成：

输入(.foo>h1)，生成：

输入div.item，生成：

或者直接输入 .item，生成：

输入ul>li*3，生成：

输入ul>li.item$*3，生成：

----

>使用F2+,修改默认的快捷键:

打开.vimrc, 输入```let g:user_emmet_leader_key = '' "设置快捷键为F2+, 使用 emmet```

---

如果要限制只对html,css文件使用的话:

```let g:user_emmet_install_global = 0

autocmd FileType html,css EmmetInstall```

---

对于vim的不同模式,可以在.vimrc有不同配置:

```let g:user_emmet_mode='n' "only enable normal mode functions.

let g:user_emmet_mode='inv' "enable all functions, which is equal to

let g:user_emmet_mode='a' "enable all function in all mode.

linux vim emmet,vim插件--emmet-vim相关推荐

vim php psr2 插件,将vim打造成c++超级ide(vim插件安装)
最近从MS Windows 转到了Liunx,花了一段时间熟悉和学习Liunx环境.有时候,真的很是怀念MS Vistual Studio那种超级智能的开发环境,总是想在Vim拾起那些曾进熟悉的符号, ...
【Linux】Ubuntu 18下安装Vim自动补全插件YouCompleteMe（可高速下载安装）
前言本文写于2020年10月,如果你多年后看见这篇文章,方法可能已经失效,但是请牢记,尽量下载你所处时代的最新版本的软件,会减少很多麻烦. 摆正心态即便按照本文操作,由于你的系统状态和我的不一样, ...
Linux安装Vim最复杂插件：YouCompleteMe
目录第一步:下载YouCompleteMe源码第二步:拉取YouCompleteMe中的子git库源码第三步:预先安装YouCompleteMe依赖库 1.安装python3.python3-d ...
Linux下的vim配置和插件管理
1 写在前面 Linux下编程一直被诟病的一点是: 没有一个好用的IDE, 但是听说Linux牛人, 黑客之类的也都不用IDE. 但是对我等从Windows平台转移过来的Coder来说, 一个好用 ...
【Linux基础】vim配置及插件安装管理
1 写在前面 Linux下编程一直被诟病的一点是: 没有一个好用的IDE, 但是听说Linux牛人, 黑客之类的也都不用IDE. 但是对我等从Windows平台转移过来的Coder来说, 一个好用 ...
linux安装vi 插件,Ubuntu上Vim安装NERDTree插件的详细操作步骤
NERDTree是Vim的文件系统浏览器,使用此插件,用户可以直观地浏览复杂的目录层次结构,快速打开文件以进行读取或编辑,以及执行基本的文件系统操作.NERDTree源码在https://github ...
【AI白身境】Linux干活三板斧，shell、vim和git
文章首发于微信公众号<与有三学AI> [AI白身境]Linux干活三板斧,shell.vim和git 今天是专栏<AI白身境>的第二篇,所谓白身,就是什么都不会,还没有进入角色 ...
linux vim(gvim) 多标签页,Vim 的标签页功能
虽然一直在使用 Vim 写程序与文档,但是一直没有深究其标签页 (Tab Page) 功能的具体使用方法.现在开始重视这个问题,毕竟使用 Vim 的时间越来越少了,当然这只是针对我的所有生命而言 . ...
Linux 下源码编译安装 vim 8.1
前言目前 linux 的各个发行版基本上都是带了一个 vi 编辑器的,而本文要说的 vim 编辑器对 vi 做了一些优化升级,更好用.当我们需要远程操作一台 linux 服务器的时候,只能使用命令行 ...
vim配置及插件安装管理
1 写在前面 Linux下编程一直被诟病的一点是: 没有一个好用的IDE, 但是听说Linux牛人, 黑客之类的也都不用IDE. 但是对我等从Windows平台转移过来的Coder来说, 一个好用 ...

linux vim emmet,vim插件--emmet-vim

foo

linux vim emmet,vim插件--emmet-vim相关推荐

最新文章

热门文章