hbui计激行lder的快捷键有哪些
HBuilder常用的快捷键：
Alt+[匹配括号
Alt+↓跳转到下一个可编辑区
Ctrl+Alt+j合并下一行
Ctrl+Alt+←选择助手
Ctrl+回车换行
Ctrl+Shift+回车向上换行
Ctrl+d删除一行
C来自trl+Shift+R复制上一要斗高到点同否策行
创建HTML结构减拉联动火草：h8（敲h激活代码块列表，按8选择第8个项目，即HTML代码块，或者敲htE360问答nter）
中途换行：'Ctrl究古止首觉+Enter'
设置charset：me6Enter
引用外部js：s2En细束妒ter'Ctrl+Enter'
创建js区块：sEnter
创建函数：fun3（或者funnEnter）
为函数命名：WhoisE
跳转到函数末尾：End'Alt+['↓'Ctrl+Enter'（Alt+[是跳转到匹配括号的意思）
创建style杆急原节点：stEnter↓'Ctrl+Enter'
引用外部css：lEnterEnter
跳转到下一个可编辑区：'Alt+↓'
创建img标签：imEnterEnter'Ctr第练耐川明犯者l+Enter'
插入换行符：'Shift+Enter'Enter
创建div并设id和cla费利清过本ss：diEnterd1→SpacecEnterEnter（这里提示的class列表是在***.css里定义的）
转到class的定信免什给义处：'Ctrl+Alt+D'（按Alt点击鼠标也可以）
关闭标签页：'Ctrl+w'（切换标签页则可以用Ctrl+e）
添加自定义属性data-test并赋值1：→Spaced7testTab1
合并下行：'Ctrl+Alt+j''Ctrl+Enter'
创建超链接并设id：aEnterEnter→SpaceiE听歌检滑角守增油针造景ntera1
使用选择助手通最运村让杨谈选中#d1：'Ct科客样功rl+Alt+←''Ctrl+Alt+←''Ctrl+Alt+←'(如果快捷键冲突,可使用Alt+SU，或者鼠标双击引号)
重新修改链接指向新创建的a1：BackSpace'Alt+/'Enter'Ctrl+Enter'
创建ul：uEnter
折叠代码：'Ctrl+Alt+-'
向上插入空行：'Ctrl+Shift+Enter'Tab（一般Ctr脱主地医轻的染兰l+某字母的快捷键，变成Ct雨根领而rl+Shift+相同字母，大多代表相反意义）
没有代码块时，使用emmet语法创建标签：navTab（如果不知道emmet技术，请搜索学习，前端必学）
使用shift转码输入空格：'Shift+S略创状动阳pace'（如果与输入法快捷键冲突，也可输入&n2）
创建按钮：'Ctrl+Enter'inEnterEnterTabTabwhoSpaceisSpacee→
添加点击事件：SpaceonckEnterwhoEnter→（onck是模糊匹配，不用输入完整单词也会模糊匹配，除代扬于诉把由码块外所有语法提示都支持模糊匹配）
使用转到定义到js函数：'Ctrl+Alt+D'↓
------以下为js部分
定义一个变量e：varSpacee;Enter
为e赋值：eSpace=SpacedoEnter.g6"Enter（可提示样式列表）
使用回车或Tab跳转光标到绿色竖线（若没有绿色竖线请使用End到行尾）：Enter;Enter
为e赋值2：eSpace=SpacedoEnter.g8"d8Enter;Enter（可提示标签列表）
为e赋值3(这个代码块很常用)：eSpace=Space$(或者dg)Enter2Enter;Enter（可提示id列表，注意选择d1）
为e设置algin属性：e.se2"alEnter→,"cEnterEnter;Enter
设置自定义属性：e.se2"dEnter→,"2Enter;Enter
提示字体列表：e.stEnter.fo2="EnterEnter;Enter
提示图片列表：e.stEnter.b7="hbEnterEnter;Enter
还能这么写css：e.stEnter.cs2="b7hbEnter→;Enter
写switch对e判断：sw2e.stEnter.disEnterTab
case处提示display的值域："-weEnter
跳转到switch结尾（有绿色竖线）：EnterEnter
写if代码块：iffEnter(或者使用if2)
为if添加条件判断属性里的样式：e.getatEnter"cEnterEnter!="Enter↓
设置e的样式：e.cl2(此处也可以用clnEnter)="EnterEnter;↓Enter
js里可以提示html：e.innEnter="<foEnterSpacecoEnterEnterEnter;Enter
e赋值改为超链接：eSpace=Space$EnterEnterEnter;Enter
给a1加链接地址：e.hrEnter="EnterEnter;Enter
给a1加target：e.t5="EnterEnter;Enter
e赋值改为image对象：eSpace=SpacenewSpaceim6Enter;Enter
为img增加图片：e.srEnter="EnterEnter;Enter
e赋值改为indexedDB对象：eSpace=SpacewiEnter.iEnterSpace||SpacewiEnter.indexed5Space||SpacewiEnter.indexed3Space||SpacewiEnter.indexed2;Enter
确认e可被浏览器识别：iffEnter(也可以使用if2)ty4eEnter↓
执行indexdb的方法：e.opEnter"testEnter;↓Enter
------以下为删除又添加上外部css引用
定义head变量：varSpaceheadSpace=SpacedoEnter.g8"heEnterEnter[0→;Enter
with里也可以提示：withh(或者wit2)EnterhEnter↓
获取head的最后一个子节点：varSpacelSpace=SpacelecEnter;Enter（with里的head可直接识别子对象）
去掉该子节点：rem6l→;↓Enter（head的lastElementChild就是外部引用的css）
动态生成一个css文件引用：eSpace=SpacedcEnterl5Enter;Enter
添加属性：e.r3="styEnterEnter;Enter
设置type：e.tyEnter="cEnterEnter;Enter
设置href：e.hrEnter=".cEnterEnter;Enter
将e加入head中：hEnter.apEntereEnterEnter;Enter
------演示重构，即重命名变量
用代码块定义一个变量s：varsEnterTabeSpaceisSpace'Ctrl+Enter'
判断e的属性：ife（或if3）Entere.g2"dEnterEnter==nu2↓
为s赋值：s=s+e.ouEnter;'Alt+↓'
为s赋值：s=s+"unknow→;↓Enter
将s打印出来：alEnters
选择s并转到定义：'Shift+←''Ctrl+Alt+D'（按Alt点击鼠标也可以）
重构s的命名为ss：'Ctrl+F2'EnterssEnterEnter(弹出对话框可预览重构结果)
跳转到函数末尾：'Alt+↓''Alt+↓'Enter
添加一个启动事件：adEnter"domloEnter→,funaEnter(此处也可以是fu6)↓
提示自定义函数的jsdoc：finiEnter1
------css部分
跳转到CSS：'Alt+↓'
给body加样式：boEnter{Enter
emmet方式增加textalign：tcTabEnter
模糊匹配增加user-select：users45
写下一个样式：↓Enter
为input增加样式：inEnter[tyEnter=Enter→{Enter
使用代码块设置宽度：w990↓Enter
为ul加样式：ul{dnEnter'Ctrl+Enter'
ID也可以提示：#2{Enter
提示字体列表：ffEnterEnterEnter
回车自动补行尾分号：Enter
增加background-image：biEnterhbEnter
大功告成，保存并运行起来看看：'Ctrl+s''Ctrl+r'
如果你屏幕够宽，也可以点击右上角视图切换，换到边改边看视图Ctrl+P，左边保存右边自动刷新。
标签：快捷键,hbui,计激行
