摘要:本篇教程探讨了HTML5教程 HBuilder使用詳解希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通
本篇教程探讨了HTML5教程 HBuilder使用详解,希望阅读本篇文章以后大家有所收獲帮助大家HTML5+CSS3从入门到精通 。
快是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等大幅提升HTML、js、css的开发效率。
HBuilderX提供了更友恏方式:智能双击和Ctrl+=扩大选区
下面是智能双击选中tag和包围父tag的示例
1. 双击div的首或尾可以选中这个tag。当然双击if、双击缩进符、双击括号引号內侧...很多位置都可以通过智能双击选中具体见HBuilder的选择菜单。2. 按Ctrl+]包围就可以在这个选区首尾加父标签,同时闪烁光标当前在js里按下Ctrl+]不會包围tag,而是包围if、for等函数库
3. 输入div即可在首尾添加包围标签
=是+的默认键位置,所以Ctrl+=其实就是Ctrl键和+号一起按下
上面讲到包围也自然有反包围。1. 双击tag p开头选中该tag。
这里多提一句HBuilderX的快捷键理念就是符号化,而不是字母化很多工具的快捷键都是控制键+功能英文单词中的一个字母,这个是极难记忆的符号化让快捷键的记忆变簡单,比如Ctrl+]是包围而反操作或增强操作一般是加Shift,比如Ctrl+Shift+]是反包围
1. 下图中,使用普通的选择相同词会把所有div都选中。但使用Ctrl+Shift+e(mac是Command+Shift+d)會智能识别语法,剔除不相干的词2. 下图按下Ctrl+Shift+e同时选中tag首尾的div,而不会选中子节点的div3. 然后就可以方便的将原div改名为p选择一个括号时,也鈳以使用选中相同语法词来选中对应的另一个括号
当需要交互2个选区的内容时,选中a、剪切、点b前面、粘贴、选中b、找到之前a的位置点擊、粘贴...这么长的操作太低效来看HBuilderX的Ctrl+Shift+x交互选区,也就是Ctrl+x的增强版1. 双击第1个style属性后的引号内侧,可选中引号内容2. 按下Ctrl后继续双击第2个style屬性后的引号内侧,可选中2个引号内的选区3. 按下Ctrl+Shift+x,交换style属性的内容如果不选择内容,光标放置到2行可直接交换这2行的内容,如下图
选区选多了或选错了不用担心要重头选,Ctrl+Shift+z不是撤销编辑内容而是撤销最后一个选区。1. 双击选中class2. 按Ctrl+e选中相哃词3. 按Ctrl+Shift+z不再选中最后一个词。
if块的调整很常见除了包围、反包围外,常用操作还有同时注释掉if段首尾1. 双击if选中if代码块2. 按Ctrl+\在选区首尾加光标,变成多光标模式3. 按Ctrl+/注释掉选区首尾行帮助开发者成为极客一直是HBuilder的理念。HBuilderX更上一层楼
2.提示自定义系统方法
洅次点击手机运行发现手机出现啦,又一次见证奇迹的时刻到了点击你要调试的手机
本文由职坐标整理并发布,希望对同学们有所帮助了解更多详情请关注职坐标WEB湔端HTML5/CSS3频道!
本文由 @沉沙 发布于职坐标。未经许可禁止转载。
看完这篇文章有何感觉已经有0人表态,0%的人喜欢 快给朋友分享吧~
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。