hbuilderapp模拟器调试教程
hbuilder的快捷键有哪些？
hbuilder的快捷键有哪些？
回答如下:
HBuilder常用的快捷键：
Alt [ 匹配括号
Alt ↓跳转到下一个可编辑区
Ctrl Alt j 合并下一行
Ctrl Alt ←选择助手
Ctrl 回车 换行
Ctrl Shift 回车 向上换行
Ctrl d 删除一行
Ctrl Shift R 复制上一行
创建HTML结构： h 8 （敲h激活代码块列表，按8选择第8个项目，即HTML代码块，或者敲h t Enter）
中途换行： Ctrl Enter
设置charset： m e 6 Enter
引用外部js： s 2 Enter Ctrl Enter
创建js区块： s Enter
创建函数： f u n 3 （或者 f u n n Enter）
为函数命名：W h o i s E
跳转到函数末尾： End Alt [ ↓ Ctrl Enter （Alt [是跳转到匹配括号的意思）
创建style节点： s t Enter ↓ Ctrl Enter
引用外部css： l Enter Enter
跳转到下一个可编辑区： Alt ↓
创建img标签： i m Enter Enter Ctrl Enter
插入换行符： Shift Enter Enter
创建div并设id和class： d i Enter d 1 → Space c Enter Enter （这里提示的class列表是在test.css里定义的）
转到class的定义处：Ctrl Alt D （按Alt点击鼠标也可以）
关闭标签页：Ctrl w （切换标签页则可以用Ctrl e）
添加自定义属性data-test并赋值1： → Space d 7 t e s t Tab 1
合并下行：Ctrl Alt j Ctrl Enter
创建超链接并设id： a Enter Enter → Space i Enter a 1
使用选择助手选中#d1：Ctrl Alt ← Ctrl Alt ← Ctrl Alt ← (如果快捷键冲突,可使用Alt S U，或者鼠标双击引号)
重新修改链接指向新创建的a1： BackSpace Alt / Enter Ctrl Enter
创建ul： u Enter
折叠代码：Ctrl Alt -
向上插入空行：Ctrl Shift Enter Tab （一般Ctrl 某字母的快捷键，变成Ctrl Shift 相同字母，大多代表相反意义）
没有代码块时，使用emmet语法创建标签：n a v Tab （如果不知道emmet技术，请搜索学习，前端必学）
使用shift转码输入空格：Shift Space （如果与输入法快捷键冲突，也可输入amp n 2）
创建按钮：Ctrl Enter i n Enter Enter Tab Tab w h o Space i s Space e →
添加点击事件： Space o n c k Enter w h o Enter → （onck是模糊匹配，不用输入完整单词也会模糊匹配，除代码块外所有语法提示都支持模糊匹配）
使用转到定义到js函数：Ctrl Alt D ↓
------以下为js部分
定义一个变量e： v a r Space e Enter
为e赋值：e Space Space d o Enter . g 6
如何优雅的使用vue vux开发app？
通过HBuilder的云端打包技术（也可以放到本地），
你只需要写html js css即可开发出app，
并且是一次开发，即可生成android和ios两种对应app。
原理介绍-ui层
app中的ui对应html中的ui，你可以自行选择ui框架，
无论是bootstrap还是amazeui，还是jquerymobi（phonegap推荐ui），
还是HBuilder推荐的mui都可以，
这里建议使用HBuilder推荐的mui，
因为封装了一部分nativejs的东西，
而且HBuilder也封装了mui的快捷键，使用起来很方便。
总结一下，就是用html层次的ui框架来实现（模拟）app中的ui。