首页 > 编程知识 正文

hbuilderx tab键补齐,hbuilder快捷键设置

时间:2023-05-04 02:54:19 阅读:203133 作者:3756

快捷键TAB使用
以下快捷生成代码对于HBuidler或WebStorm等前端工具都是通用的

1.标签快速生成

格式:标签名 按tab键自动生成标签

例子:

div 生成

2.多个标签快速生成

格式:标签名*n 按TAB键后 自动生个n个标签

例子:

div*3 生成

3,快速生成并添加内容

格式:标签名{内容} 生成标签并把内容写入到标签里面

例子:

div{这是我的div} 生成

这是我的div div{多个div}*2 也可生成 多个div 多个div 4.不同标签同时生成和嵌套

不同标签格式:
通过+来连接不同的标签
div+p 也可 div{我是div}+p{我是p} 或者 (div{我是div}+p{我是p} )*3

嵌套格式:
用亲子选择器格式来写元素之间的嵌套
div>p 也可 div>div>p div{我是div}>div>p*2

<div><p></p></div> 5.标签id快速生成

格式:标签名#id名
例子:

div#idname 按Tab键生成

6.标签class快速生成

格式:标签名.class名

例子:
div.classname 按Tab键生成

以上可以任意组合,不过要注意加()来捆绑标签之间的关系。
如:
((div#id{有id的div}>p)+(div.class{有class的div}*3))

有id的div

有class的div 有class的div 有class的div 7.标签非id,非class属性快速生成

格式:标签名[属性名1=值1][属性名2=值2]…[属性名n=值n]
写完后,按tab键
比如: img[src=“tly.jpg”][alt=“无法加载”][title=“大执着的黑米”]

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。