- ·上一篇文章:HBuilder代码块大量减少重复代码工作量
- ·下一篇文章:使用CSS选择器语法来快速开发HTML和CSS(支持Emmet)
灵活的快捷键使得编程过程手不离键盘
由 小路依依 创建, 最后一次修改 2016-04-20 灵活的快捷键使得编程过程手不离键盘效果如下图新建html基本模板后,当前光标处于title标签内,此时我们给HTML设置title:hellohbuilder,完成后使用Ctrl+回车在当前的下一行插入空行,并将光标移动到下一行我们在此处使用sc代码块生成一个script块来编写js代码(输入sc,回车)如下图使用funn代码块编写一个JS方法helloworld(输入funn,回车)如下图此时生成的方法的方法名是选中状态,我们只需要直接输入新的方法名helloworld即可,如下图上图中的绿色竖线,是代码块中指定的下一个编辑位置,敲击回车光标会直接跳转至竖线位置此时按向下、向下,Ctrl+回车,输入style回车,生成css代码区域定义一个Css类classA:输入. c l a s s A { 回车,f o n t 回车 回车 回车然后按alt+下,alt+下跳转至下一个编辑区域依次输入< d i v 也可输入<dv回车、<iv回车,语法助手可以通过模糊匹配获知想要生成的标签)如下图如上图所示,代码助手左侧包含数字,可以使用这些数字选择对应的条目,右侧包含浏览器兼容性数据及示例输入i 回车 d 1,右箭头,空格,c 回车 回车鼠标在div标签的class属性classA上悬浮,按下Alt和左键,点击后可跳转至classA定义处Ctrl+回车div也可以通过代码块生成如输入divc回车回车回车,输入helloworld如下图向下,回车
灵活的快捷键使得编程过程手不离键盘