HBuilder快捷鍵TAB使用

2021-09-08 20:43:12 字數 797 閱讀 9322

快捷鍵tab使用

以下快捷生成**對於hbuidler或webstorm等前端工具都是通用的

格式:標籤名 按tab鍵自動生成標籤

例子:div 生成

格式:標籤名*n 按tab鍵後 自動生個n個標籤

例子:div*3 生成

格式:標籤名 生成標籤並把內容寫入到標籤裡面

例子:div 生成

這是我的div

div*2 也可生成

多個div

多個div

不同標籤格式:

通過+來連線不同的標籤

div+p 也可 div+p 或者 (div+p )*3

巢狀格式:

用親子選擇器格式來寫元素之間的巢狀

div>p 也可 div>div>p div>div>p*2

格式:標籤名#id名

例子:div#idname 按tab鍵生成

格式:標籤名.class名

例子:div.classname 按tab鍵生成

以上可以任意組合,不過要注意加()來**標籤之間的關係。

如:((div#id>p)+(div.class*3))

有id的div

有class的div

有class的div

有class的div

格式:標籤名[屬性名1=值1][屬性名2=值2]…[屬性名n=值n]

寫完後,按tab鍵

比如: img[src=「tly.jpg」][alt=「無法載入」][title=「大美女」]

HBuilder常用快捷鍵

1.檔案 4 新建 ctrl n 關閉 ctrl f4 全部關閉 ctrl shift f4 屬性 alt enter 2.編輯 13 啟用 助手 alt 啟用快捷鍵檢視 ctrl shift l 開啟關閉注釋整行 ctrl 開啟關閉注釋已選內容 ctrl shift 刪除當前行 ctrl d 刪除...

hbuilder快捷鍵彙總

為了脫離滑鼠,還是需要了解下快捷鍵的。下面全手敲,累死我了。執行 ctrl r 常用 選中當前行 ctrl l 啟用 助手 alt 刪除當前行 ctrl d 常用 刪除前一詞 ctrl backspace 常用 刪除當前標籤 ctrl shift t 安全重新命名物件 ctrl f2 向下移動行 c...

Hbuilder 常用快捷鍵彙總

自己也就體驗了一下,開啟hbuilder的快捷鍵列表,每個快捷鍵都體驗了一下,以下展示出來的,每乙個都是 精華,每乙個快捷鍵都要知道怎麼用,而且會經常用。那就幾乎可以脫離滑鼠來寫前端 了。另外還有一些實用的組合鍵 alt t v 檢驗語法文件 alt l h 歷史版本 hbuilder也要吐槽一下 ...