在编辑器 Sublime text 2 中,可以通过插件的方式进行很多的功能扩展,而大名鼎鼎的 Zendcoding 也不在例外。Zen coding 是一种快速编写HTML/CSS代码的方法,它使用仿CSS选择器的语法来快速开发HTML和CSS
但是现在,在 Sublime 的程序包控制中找不到 Zendcoding 了,这是因为它已被改名为了 Emmet,搜索并安装之即可。
Emmet 的功能与用法和 Zendcoding 差别不大,但在 Sublime 中启动其自动完成功能,是在输入字符或标签表达式后按 tab 键。
Emmet使用动态的语法来生成代码,所以很多时候你不需要自己去编辑并创建固定的代码片段。
例如,在一个 HTML 文件中,你输入如下内容,然后按 tab 键:
div.log
Emmet 可用快捷动作
- Expand Abbreviation – Tab or Ctrl+E
- Interactive “Expand Abbreviation” — Ctrl+Alt+Enter
- Match Tag Pair Outward – ⌃D (Mac) / Ctrl+, (PC)
- Match Tag Pair Inward – ⌃J / Shift+Ctrl+0
- Go to Matching Pair – ⇧⌃T / Ctrl+Alt+J
- Wrap With Abbreviation — ⌃W / Shift+Ctrl+G
- Go to Edit Point — Ctrl+Alt+→ or Ctrl+Alt+←
- Select Item – ⇧⌘. or ⇧⌘, / Shift+Ctrl+. or Shift+Ctrl+,
- Toggle Comment — ⇧⌥/ / Shift+Ctrl+/
- Split/Join Tag — ⇧⌘' / Shift+Ctrl+`
- Remove Tag – ⌘' / Shift+Ctrl+;
- Update Image Size — ⇧⌃I / Ctrl+U
- Evaluate Math Expression — ⇧⌘Y / Shift+Ctrl+Y
- Reflect CSS Value – ⇧⌘R / Shift+Ctrl+R
- Encode/Decode Image to data:URL – ⇧⌃D / Ctrl+'
- Rename Tag – ⇧⌘K / Shift+Ctrl+'
Increment/Decrement Number actions:
- 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+↓
更多参考:https://github.com/sergeche/emmet-sublime#available-actions
sublime 快捷鍵參考
Ctrl+L
选择整行(按住-继续选择下行)
Ctrl+KK
从光标处删除至行尾
Ctrl+Shift+K
删除整行
Ctrl+Shift+D
复制光标所在整行,插入在该行之前
Ctrl+J
合并行(已选择需要合并的多行时)
Ctrl+KU
改为大写
Ctrl+KL
改为小写
Ctrl+D
选词(按住-继续选择下个相同的字符串)
Ctrl+M
光标移动至括号内开始或结束的位置
Ctrl+Shift+M
选择括号内的内容(按住-继续选择父括号)
Ctrl+/
注释整行(如已选择内容,同“Ctrl+Shift+/”效果)
Ctrl+Shift+/
注释已选择内容
Ctrl+Space
自动完成(win与系统快捷键冲突,需修改)
Ctrl+Z
撤销
Ctrl+Y
恢复撤销
Ctrl+Shift+V
粘贴并自动缩进(其它兄弟写的,实测win系统自动缩进无效)
Ctrl+M
光标跳至对应的括号
Alt+.
闭合当前标签
Ctrl+Shift+A
选择光标位置父标签对儿
Ctrl+Shift+[
折叠代码
Ctrl+Shift+]
展开代码
Ctrl+KT
折叠属性
Ctrl+K0
展开所有
Ctrl+U
软撤销
Ctrl+T
词互换
Ctrl+Enter
插入行后
Ctrl+Shift Enter
插入行前
Ctrl+K Backspace
从光标处删除至行首
Ctrl+Shift+UP
与上行互换
Ctrl+Shift+DOWN
与下行互换
Shift+Tab
去除缩进
Tab
缩进
F9
行排序(按a-z)
半路才开始学习编程,毕业了压力好大
电影站不好做了哦~
不太习惯使用 zend 工具。
表示点了我站点上的广告来到了你这里,期待回访。然后我点了你的小广告