答案如下 ，
HBuilder常用快捷键:
alt[匹配括号
Alt ↓跳转到下一个可编辑区域 。
Ctrl Alt j合并下一行 。
ctrl alt/选择助手
Ctrl回车换行
Ctrl向上移动回车和换行 。
删除一行 。
Ctrl Shift R复制上一行 。
创建HTML结构:h 8(按h激活代码块列表，按8选择第八项，即HTML代码块 ， 或按h t Enter)
换行:#39Ctrl Enter#39
Set charset: me6enter
参考外部JS: S2Enter # 39 Ctrl Enter # 39
创建js块:s回车
创建函数:f u n 3(或fu n n n enter)
将函数命名为:W h o i s E
跳转到函数的末尾:end # 39 alt[# 39 ↓# 39 ctrl enter # 39(alt[表示跳转到匹配的括号) 。
创建一个样式节点:s t Enter ↓ #39Ctrl Enter#39
引用外部css: l Enter Enter
跳转到下一个可编辑区域:#39Alt ↓#39
创建img标签:i m输入输入#39Ctrl输入#39
插入换行符
创建div并设置id和类:d i enter d 1 → space c enter(这里建议的类列表在test.css中定义) 。
转到类的定义:#39Ctrl Alt D#39(按住Alt并单击鼠标)
关闭选项卡:#39Ctrl w#39(可以使用Ctrl e切换选项卡) 。
添加自定义属性data-test并赋值1: → Space D7T E S T TAB 1 。
合并以下行:#39Ctrl Alt j#39 #39Ctrl Enter#39
创建一个超链接，设置id: a回车→空格I输入a 1 。
使用选择助手选择# D1:# 39 ctrl Alt↓# 39 # 39 ctrl Alt↓# 39 # 39 ctrl Alt↓# 39(如果快捷键，可以使用Alt S U或双击引号) 。
修改链接以指向新创建的a1 。:退格键#39Alt /#39 Enter #39Ctrl Enter#39
创建ul: u输入
折叠代码:#39Ctrl Alt -#39
向上插入一个空行:#39Ctrl Shift Enter#39 Tab(一般Ctrl某个字母的快捷键变成Ctrl Shift的同一个字母，多表示相反的意思) 。
当没有代码块时，使用emmet语法创建一个标签:n a v Tab(如果你没有 t不懂emmet技术，请搜学，前端必学) 。
使用shift转码输入一个空格:#39Shift Space#39(如果和输入法快捷键，也可以输入amp n 2) 。
创建按钮:# 39 ctrl enter # 39 in enter enter tab w h o space I s space e→
添加一个click事件:Space o n c k Enter w h o Enter → (onck是模糊匹配，不输入完整单词就会模糊匹配 ， 除代码块外的所有语法提示都支持模糊匹配) 。
使用go定义到js函数:#39Ctrl Alt D#39 ↓
-以下是js部分 。
定义一个变量 。
给e赋值:e空格空格d回车 。g 6 #34回车(可以提示的样式列表) 。
使用enter或Tab将光标跳转到绿色竖线(如果没有绿色竖线 ， 则使用End到行尾):Enter Enter 。
将值2赋给e:e space space d o enter . G8 # 34d 8 enter enter(可以提示标签列表) 。
给e赋值3(这个代码块很常见):e Space Space $(或者dg)回车2回车(id列表可以提示，注意d1) 。
为e设置algin属性:e . s e 2 # 34 a l enter →# 34 c enter enter 。
设置自定义属性:e. s e 2 #34 d回车→, #34 2回车 。
提示字体列表:e . s . t enter . f o 2 # 34 enter enter enter
提示图片列表:e.s t回车. b 7 # 34 h b回车回车
你也可以这样写CSS:e . s tenr 。c s 2 #34 b 7 h b回车→回车
写开关判断e: s w 2 e. s t回车 。输入标签
显示的数值范围在情况下提示:#34-w输入 。
跳到开关的末端(带有绿色竖线):Enter Enter 。
编写if代码块:i f f Enter(或使用i f 2)
在if的条件判断属性中添加样式:例如，e t a t Enter #34 c Enter Enter！#34回车↓
设置e: e. c l 2的样式(此处也可使用cl n enter)# 34 enter enter enter enter↓enter 。
可以在js中提示html:e . I in n enter # 34 lt f o enter space c o enter enter enter 。
e赋值改为超链接:e空格空格$回车回车 。
将链接地址添加到a1: e. h r Enter #34 Enter Enter Enter 。
【x怎么自动换行 hbuilder制表快捷方式 hbuilder】将目标添加到a1: e.t 5 # 34回车回车 。
e赋值改为图像对象:e空间n e w空间I m 6回车 。
为img添加图片:e. s r回车#34回车回车 。
e赋值被改为indexedDB对象:e空格w i回车 。我输入空格||空格w我输入 。i ndexed5space |我输入的空格 。i ndexed3space ||我输入的空格 。我拒绝了 。
确认e可以被浏览器识别:i f f Enter (I f 2也可以)t y 4 e enter ↓
执行indexdb的方法:e. o p Enter #34 t e s t Enter ↓ Enter 。
-下面是删除和添加外部css引用 。
定义头部变量:v ar space h e a d space d o enter 。8 #34 h e Enter Enter [ 0 → Enter
你也可以用:w i t h h(或w i t 2) Enter h Enter ↓
获取head的最后一个子节点:v ar space l space l e c enter(head in with可以直接识别子对象) 。
移除子节点:r eM6L→↓Enter(head的lastElementChild是外部引用的css) 。
动态生成一个css文件引用:e空格d c回车l5回车 。
添加属性:e. r 3 #34 s t y回车回车 。
设置类型:e.t y输入# 34 c回车回车 。
set href:e . h . r enter # 34 . c enter回车键 。
在头上加e:henter . a p回车e回车 。
-演示重构，即重命名变量 。
用代码块定义变量s:v ar s enter tab e space I s space # 39 ctrl enter # 39 。
判断e的属性:i f e(或if 3) enter例如2 # 34 d enter n u 2 ↓
为s: s e.o赋值u enter # 39 alt ↓ # 39
给s赋值:s s #34 u n k n o w → ↓回车 。
打印输出s: a l输入s
选择s，转到定义:# 39 shift↓# 39 # 39 ctrl Alt D # 39(按住Alt点鼠标) 。
重构S的名字是SS: # 39 CTRL F2 # 39 ENTER S ENTER(弹出对话框可以预览重构结果) 。
跳到函数的末尾:#39Alt ↓#39 #39Alt ↓#39 Enter
添加一个启动事件:A D ENTER # 34d O M L O ENTER →, F U N A ENTER(这里也可以是f u 6) ↓
Jsdoc: f in I输入1提示自定义函数
-CSS部分
跳转到CSS: # 39 alt ↓ # 39
为正文添加样式:b o En之三{回车
在emmet模式下添加textalign:t c Tab回车 。
模糊匹配增加了用户选择 。
写下一个风格:↓回车
为输入添加样式:i n Enter [t y Enter Enter → {Enter 。
使用代码块设置宽度:w 9 9 0 ↓回车 。
样式ul: u l {d n Enter #39Ctrl Enter#39
ID也可以提示:# 2 {Enter
提示字体列表:f f回车回车
输入自动补全行结束分号:Enter
添加背景-图像:b我输入h b回车 。
你 完成后，保存并运行它 。
如果你的屏幕足够宽 ， 还可以点击右上角的视图开关，边换边切换到视图Ctrl P，保存左侧自动刷新右侧 。
编辑-高级中有一个自动换行选项，快捷键是Ctrl E和Ctrl lw 。这样可以实现自动换行！我不 我不知道这是否可靠 。
