Sublime Text 2 使用心得

ZenCoding:前端必备,快速开发HTML/CSS

clip_image030[4]

输入 div.wrapper>div.header+div.main+div.footer 按下Tab,立刻变成

Sublime Text 2 使用心得_第1张图片

或者按下ctrl+alt+enter,激发zencoding控制台,可看到整个动态的过程。

Sublime Text 2 使用心得_第2张图片

编辑区

这是我们主要的工作区域,ST2支持代码自动缩进,代码折叠功能。

介绍几个常见的功能:

l 自动完成:自动完成的快捷键是Tab,如果在html文件中,输入cl按下tab,即可自动补全为class=””;加上zencoding后,更是如虎添翼,后面再讲到

l 多列编辑:按住ctrl点击鼠标,会出现多个闪烁的光标,这时可同时修改多处

Sublime Text 2 使用心得_第3张图片

或者按住鼠标中键拖拽,clip_image006[5]

l 代码注释功能:ctrl+/、ctrl+shift+/分别未行注释和块注释,再按一下就能去掉注释,ST2能够自动识别是html、css还是js文件,给出不同类型的注释。

l 行操作:ctrl+alt+↑、ctrl+alt+↓向上或者向下交换两行,ctrl+enter,光标后插入空行,ctrl+d选择相似,可以参考后面的快捷键列表。

l 右键功能:

Sublime Text 2 使用心得_第4张图片

 主要快捷键列表


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+Z 撤销


Ctrl+Y 恢复撤销


Ctrl+M 光标跳至对应的括号


Alt+. 闭合当前标签


Ctrl+Shift+A 选择光标位置父标签对儿


Ctrl+Shift+[ 折叠代码


Ctrl+Shift+] 展开代码


Ctrl+KT 折叠属性


Ctrl+K0 展开所有


Ctrl+U 软撤销


Ctrl+T 词互换


Tab 缩进 自动完成


Shift+Tab 去除缩进


Ctrl+Shift+↑ 与上行互换


Ctrl+Shift+↓ 与下行互换


Ctrl+K Backspace 从光标处删除至行首


Ctrl+Enter 光标后插入行


Ctrl+Shift+Enter 光标前插入行


Ctrl+F2 设置书签


F2 下一个书签


Shift+F2 上一个书签


你可能感兴趣的:(sublime)