Sublime Text 3 插件 Emmet(zencoding) 快捷键整理

[ 博客 ]

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

发表评论

电子邮件地址不会被公开。

随机