运行环境
Mac OS X El Captan, version 10.11.6
Sumblime Text 3, Build 3143
1 快捷键
- 代码块折叠快捷键
option + command + [
- 代码块展开快捷键
option + command + ]
2 举例
2.1 示例代码块
<div class="outer">
<div class="inner">hello</div>
<div class="inner">world</div>
<div class="inner">today</div>
</div>
2.2 折叠动作
点击内部代码块,比如点击<div class="inner">hello</div>
,让光标保持在这一行。快捷键 option + command + [
,就可以收缩成:
<div class="outer">
</div>
中间的三行 div 都被折叠起来。
tips: 如果继续按 option + command + [
,还会往上一层折叠,<div class="outer">
也会被折叠起来。
2.3 展开动作
点击已经折叠的代码块,输入option + command + ]
即可展开。