Emmet.vim的安装

请看：http://www.cnblogs.com/yunie-akira/p/3554065.htmlEmmet.vim简介

Emmet,原来叫Zen Coding，由Sergey Chikuyonok开发，是快速开发HTML和CSS的编辑器插件。支持 Sublime Text、Notepad++、

Eclipse等等。官方的Emmet并不支持vim，Emmet.vim是Yasuhiro Matsumoto 开发的。开始使用Emmet.vim

生成doctype

输入 html:xs，按ctrl+y, 最后按下“,”(逗号)生成XHTML strict doctype

html:5 生成HTML5 doctype

html:xt 生成XHTML transitional doctype

html:4s 生成HTML4 strict doctype

轻松书写html代码

输入 p.class#id，生成：

输入，h1{foo}，生成：

foo

输入， h1+h2, 生成：

输入，img^a, 生成：

输入，h1>h2, 生成：

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

输入， div.item，生成：

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

输入， ul>li*3，生成：

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

基本规则

(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的上级元素

参考

特别推荐：ZenCodingCheatSheet

vim下编写html的超级利器emmet

Goodbye, Zen Coding. Hello, Emmet!

linux vim emmet,前端开发神器Emmet.vim使用笔记相关推荐

让html前端的数字每天自己增加,前端开发神器Emmet，让你的代码输入效率瞬间翻倍...
你还在一个字符一个字符的敲代码吗?如果是那你就太OUT了,现在什么都流行自动化,当然敲代码也不能落后啊.这款emmet神器,让你的代码输入效率瞬间翻倍!我们还是先看效果图: 怎么样,是不是很酷,快来学 ...
前端开发神器 Emmet
好的开发工具是一定要学习和使用的,好工具让你事半功倍. Sublime,webStorm,HBuilder都内置了Emmet,熟练使用可以有效的提升编码效率. Emmet生成HTML的语法 •你只需 ...
webstorm+nodejs+JetBrains IDE Support+chrome打造前端开发神器
#webstorm+nodejs+JetBrains IDE Support+chrome打造前端开发神器 -- 工欲善其事必先利其器##各工具介绍 `webstorm`是**JetBrains** ...
vscode用鼠标滚轮_前端开发神器 VSCode 使用总结
前端开发神器 VSCode 使用总结 VSCode 是微软出品的,基于 Electron 和 TypeScript 的,集成了 git 版本管理和命令行终端,而且开源稳定,插件丰富,再搭配一款 Chr ...
一个前端开发工程师的Vim跟IDE一样
为什么80%的码农都做不了架构师?>>> 这里是我新配置出来的 jaywcjlove/vim-web 一直在打磨中,基本上可以用了.拿出来骗 star 先上图安装最新版本的 ...
html用emmt写菜单,前端开发工具Emmet的介绍
曾经也为写HTML/CSS代码而烦恼过,不愿再写下去,感觉很烦琐,写那么多的尖括号,用的标签都是在重复写,而且绝大多数标题都需要闭合标签,再多几个无序列表就更头疼. Emmet,一个强大的插件,可以为 ...
前端开发利器Emmet插件的基本使用总结
1.Emmet的简介 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的工具,能够实现 HTML.CSS 的快速编写. 官网地址:http://emmet.io/ 官方文档 ...
Web前端开发神器：WebStorm 2019 for mac
WebStorm 2019 for mac是JetBrains公司旗下一款很好用的JavaScript开发工具.,支持自动代码完成,动态代码分析,重构支持以及VCS集成,功能强大,被誉为最智能的Jav ...
在docker的Linux容器搭建前端开发环境
随着开发的深入,前端开发已经不局限于简单的本地开发坏境的搭建与调试.运维方面,目前的服务器使用的基本上都是linux系统,了解下Linux系统原理与一些常用的配置和指令,对我们的开发和部署以及排除线上 ...

linux vim emmet,前端开发神器Emmet.vim使用笔记

foo

linux vim emmet,前端开发神器Emmet.vim使用笔记相关推荐

最新文章

热门文章