hbuilder常用的代码大全 hbuilder自动对齐快捷键？
hbuilder自动对齐快捷键？
自动对齐:Ctrl Shift F
HBuilder常用快捷键
Ctrl d删除整行。
将当前行复制到下一行。
Ctrl Shift D重新编辑
Ctrl箭头键向上或向下移动当前行的整行。
Alt ↓跳转到下一个可编辑区域。
Ctrl Alt j与下一行合并。
ctrl alt/选择助手
回车产生换行符。
Ctrl回车向下插入一个空行。
ctrl Shift 回车向上插入空行。
Ctrl Shift F格式代码
移位空间全角/半角输入
alt[匹配括号
hbuilder制表快捷方式？
答案如下，:
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:退格键alt/# 39 Enter # 39 Ctrl 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 Ent。Er回车(可以提示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 t enter . c s 2 # 34 b 7 HB enter→enter。
写开关判断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。
将目标添加到a1: e.t 5 # 34回车回车。
e赋值改为图像对象:e空间n e w空间I m 6回车。
为img添加图片:e. s r回车#34回车回车。
e赋值改为indexedDB对象:e空格w i回车。我输入空格||空格w我输入。在d e x e d 5空间。| |我输入的空格。i n d e x e d 3空间| |空间w我进入。请输入
确认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 . G8 # 34h 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 a。Lt 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 Enter {Enter。
在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，保存左侧自动刷新右侧。
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
