hbuilder的快捷键有哪些

hbuilder的快捷键有哪些

HBuilder常用的快捷键：

Alt+[匹配括号

Alt+↓跳转到下一个可编辑区

Ctrl+Alt+j合并下一行

Ctrl+Alt+←选择助手

Ctrl+回车换360问答行

Ctrl+Shift+回车向啊究内宪引落上换行

Ctrl+d删除一行

Ctrl+Shift+R复制上一行

创建HTML结构：h8（敲h激活代码块列表，按8选择第8个项目，即HTML代码块，或者敲htEnter）

中途换行：'Ctrl+Enter'

设置charset：me6Enter

引用外部js：s2Enter'Ctrl+Enter'

创建js区块：sEnter

创建函数：fun3（或者funnE煤胞色nter）

为函数命名：WhoisE

跳转到函数末尾：见项受感十既围盾站End'Alt+['↓'Ctrl+Enter'（Alt+[是跳转到匹配括号的意思）

创建style节点：stEnter↓'Ctrl+Enter'

引用外部css：lEnterEnter

跳转到下一个可编辑区：'Alt+↓'

创建img标签：次跟赵仅可研父imEnterEnter'Ctrl+Enter'

插入换行符：'Shift+Enter'Enter

创建div滑矿帝的抓并设id和class：diEnterd1→SpacecEnterEnter（这里提示的class列表是在***.css里定义的延江明者半振么）

转到class的定义旦局稿处：'Ctrl+Alt+D'（按Alt点击鼠标也可以）

关闭标签页：'Ct胞素抓按一rl+w'（切换标签页则可以用Ctrl+e）

添加自定义属性data-test并赋值1：→Spaced7testTab1

合并下行政友面二掌穿装员：'Ctrl+Alt+j''C却酒trl+Enter'

创建超链接并设id：aEnterE一吗刚计践杀皮nter→SpaceiEntera1

使用选择助手选中#d1：'Ctrl+Alt+←''Ctrl+Alt+←''Ctrl+Alt+←'(如果快捷键冲突,可使用Alt+SU，或者鼠标双击引号)

独杀立查谈重新修改链接指向新创建的a1：BackSpace'Alt+/'Ent农武受er'Ctrl+E印诗亚环连底银胞nter'

创建ul：uEnter

折叠代码：'Ctrl+Alt+-'

向上插入空行：'Ctrl+Shift+Enter'Tab（一般Ctrl+某字母的快捷键，变成Ctrl+Shift+相同字母，大多代表相反意义）

没有代码块时，使用emmet语法创建标签：navTab（如果不知道emmet技术，请搜索学习源易到，前端必学）模孝

使用shift转码输入空格：'Shift+Space'（腊羡如果与输入法快捷键冲突，也可输入&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，左边保存右边自动刷新。