Hbuider快捷键

总结一些比较好用的快捷键

分几个部分来介绍：

• 通用部分

• CSS部分
• HTML部分
• JS部分

通用

• 中途换行： 'Ctrl+Enter'

• 合并下行：'Ctrl+Alt+j' 'Ctrl+Enter'
• 跳转到下一个可编辑区： 'Alt+↓'
• 向上插入空行：'Ctrl+Shift+Enter' Tab （一般Ctrl+某字母的快捷键，变成Ctrl+Shift+相同字母，大多代表相反意义）
• 保存并运行：'Ctrl+s' 'Ctrl+r'
• 如果你屏幕够宽，也可以点击右上角视图切换，换到边改边看视图Ctrl+P，左边保存右边自动刷新

HTML

• 插入换行符： 'Shift+Enter' Enter

• 使用shift转码输入空格：'Shift+Space' （如果与输入法快捷键冲突，也可输入& n 2）

JS

• 创建js区块： s Enter

• 创建函数： f u n 3 （或者 f u n n Enter）
• 创建匿名函数：funa
• 创建闭包：funcl
• 写if代码块：i f f Enter (或者使用i f 2)

CSS

• 转到class的定义处：'Ctrl+Alt+D' （按Alt点击鼠标也可以）

• 提示字体列表：f f Enter Enter Enter

代码块激活字符原则

1. 连续单词的首字母。
   比如js中：dg激活document.getElementById("");
   vari激活var i=0;
   而css中，dn激活display: none;
2. 整段HTML一般使用tag的名称。
   比如script、style，通常，敲最多4个字母即可匹配到需要的代码块，不需要完整录入。
   如sc回车、st回车，即可完成script、style标签的输入。
3. 同一个tag，有多个代码块输出，则在最后加后缀。
   比如meta输出<meta name="" content=""/>，
   但metau则输出<meta charset="UTF-8"/>，metag同理。
4. 如果原始语法超过4个字符，针对常用语法，则第一个单词的激活符使用缩写。
   比如input button，缩写为inbutton，同理intext是输入框。
5. js的关键字代码块，是在关键字最后加一个重复字母。
   比如if直接敲会提示if关键字，但iff回车，则出现if代码块。
   类似的有forr、withh等。
   由于funtion字母较长，为加快输入速度，取fun缩写，
   比如funn，输出function代码块，而funa和func，分别输出匿名函数和闭包。