10 09/2014

emmet 笔记 3 - actions

最后更新: Wed Sep 10 2014 12:39:11 GMT+0800

前面两片文章其实都只是 Expand Abbreviation（扩展缩写）快捷键是

tab 或者 ctrl+e

交互式扩展

ctrl+alt+enter

在下面的输入框，输入标签名

Match Tag Pair 匹配标签对

  • Match Tag Pair Outward – ⌃D (Mac) / Ctrl+, (PC)
  • Match Tag Pair Inward – ⌃J / Shift+Ctrl+0

Wrap With Abbreviation 标签包裹

⌃W / Shift+Ctrl+G 选择文字，ctrl+w 用标签包裹

html 代码转义

后面加 |e，escape 这个很有用。比如我在写代码的时候就需要转义 > < 等等.其它还有 |yaml 输出为 yaml,|s 代码输入为一行

#content>p.title|e

&lt;div id="content"&gt;
    &lt;p class="title"&gt;&lt;/p&gt;
&lt;/div&gt;

图片 base64

选择图片路径，ctrl+shift+d

Go to Edit Point

ctrl+alt+左右键 在标签中前进后退

数字加减

  • Increment by 1: Ctrl+↑
  • Decrement by 1: Ctrl+↓
  • Increment by 0.1: Alt+↑
  • Decrement by 0.1: Alt+↓
  • Increment by 10: ⌥⌘↑ / Shift+Alt+↑
  • Decrement by 10: ⌥⌘↓ / Shift+Alt+↓

配置文件

snippets.json 代码片段
preferences.json 过滤和动作
syntaxProfiles.json 样式

更多资料

cheatsheet