Emmet 是一个能提高前端开发效率的编辑器插件,支持 Sublime,Atom,TextMate,Nodepad++ 等主流编辑器,它可以帮助您快速编写HTML和CSS代码,从而加速Web前端开发。早在2009年,Sergey Chikuyonok写过一篇文章,提出编写HTML和CSS的新方法。这一革命性的插件指的就是Zen Coding,经过很多开发者多年来的努力与帮助,现在已达到了一个新的水平。也就是今天所说的Emme插件。
Emmet 快捷键
- match_pair_outward: ctrl+,向外匹配
- match_pair_inward: ctrl+alt+,向内匹配
- matching_pair: ctrl+alt+j,快速匹配html标签(phpstorm: ctrl + [])
- split_join_tag: shift+ctrl+`,快速成对修改html标签
- remove_tag: shift+ctrl+;删除包裹的html标签(phpstorm: ctrl + shift + del)
- increment_number_by_1: ctrl+up,数字快速增长,步长为1
- decrement_number_by_1: ctrl+down,数字快速递减,步长为1
- increment_number_by_01: alt+up,数字快速增长,步长为0.1
- decrement_number_by_01: alt+down,数字快速递减,步长为0.1
- increment_number_by_10:shift+alt+up,数字快速增长,步长为10
- decrement_number_by_10: shift+alt+down,数字快速递减,步长为10
- select_next_item:shift+ctrl+. 选择下一个属性
- select_previous_item: shift+ctrl+,, 选择上一个属性
- wrap_as_you_type: shift+ctrl+g,包裹内容
增减数值类别
- 增加1: Ctrl+↑ 这个与Mac的按键冲突,需要修改快捷键
- 减少1: Ctrl+↓
- 增加0.1: Alt+↑
- 减少0.1: Alt+↓
- 增加10: ⌥⌘↑ / Shift+Alt+↑
- 减少10: ⌥⌘↓ / Shift+Alt+↓
- ⌃W / Shift+Ctrl+G
注:/ 左边是Mac的快捷键,右边是Windows的快捷键
浏览器前缀补全
-浏览器前缀-属性名
其中浏览器前缀包括
- w: webkit
- m: moz
- s: ms
- o: o
发表评论