hbuilder x怎么自动换行 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。:退格键#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。
将目标添加到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。这样可以实现自动换行!我不 我不知道这是否可靠。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。