2016 - 2024

感恩一路有你

hbuilder x怎么自动换行 hbuilder制表快捷方式?

浏览量:1479 时间:2023-05-13 17:38:33 作者:采采

答案如下,

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。这样可以实现自动换行!我不 我不知道这是否可靠。

添加 列表 代码 样式

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。