答案如下，

HBuilder常用快捷鍵:

alt[匹配括號(hào)

Alt ↓跳轉(zhuǎn)到下一個(gè)可編輯區(qū)域。

Ctrl Alt j合并下一行。

ctrl alt/選擇助手

Ctrl回車換行

Ctrl向上移動(dòng)回車和換行。

刪除一行。

Ctrl Shift R復(fù)制上一行。

創(chuàng)建HTML結(jié)構(gòu):h 8(按h激活代碼塊列表，按8選擇第八項(xiàng)，即HTML代碼塊，或按h t Enter)

換行:#39Ctrl Enter#39

Set charset: me6enter

參考外部JS: S2Enter # 39 Ctrl Enter # 39

創(chuàng)建js塊:s回車

創(chuàng)建函數(shù):f u n 3(或fu n n n enter)

將函數(shù)命名為:W h o i s E

跳轉(zhuǎn)到函數(shù)的末尾:end # 39 alt[# 39 ↓# 39 ctrl enter # 39(alt[表示跳轉(zhuǎn)到匹配的括號(hào))。

創(chuàng)建一個(gè)樣式節(jié)點(diǎn):s t Enter ↓ #39Ctrl Enter#39

引用外部css: l Enter Enter

跳轉(zhuǎn)到下一個(gè)可編輯區(qū)域:#39Alt ↓#39

創(chuàng)建img標(biāo)簽:i m輸入輸入#39Ctrl輸入#39

插入換行符

創(chuàng)建div并設(shè)置id和類:d i enter d 1 → space c enter(這里建議的類列表在test.css中定義)。

轉(zhuǎn)到類的定義:#39Ctrl Alt D#39(按住Alt并單擊鼠標(biāo))

關(guān)閉選項(xiàng)卡:#39Ctrl w#39(可以使用Ctrl e切換選項(xiàng)卡)。

添加自定義屬性data-test并賦值1: → Space D7T E S T TAB 1。

合并以下行:#39Ctrl Alt j#39 #39Ctrl Enter#39

創(chuàng)建一個(gè)超鏈接，設(shè)置id: a回車→空格I輸入a 1。

使用選擇助手選擇# D1:# 39 ctrl Alt↓# 39 # 39 ctrl Alt↓# 39 # 39 ctrl Alt↓# 39(如果快捷鍵，可以使用Alt S U或雙擊引號(hào))。

修改鏈接以指向新創(chuàng)建的a1。:退格鍵#39Alt /#39 Enter #39Ctrl Enter#39

創(chuàng)建ul: u輸入

折疊代碼:#39Ctrl Alt -#39

向上插入一個(gè)空行:#39Ctrl Shift Enter#39 Tab(一般Ctrl某個(gè)字母的快捷鍵變成Ctrl Shift的同一個(gè)字母，多表示相反的意思)。

當(dāng)沒有代碼塊時(shí)，使用emmet語法創(chuàng)建一個(gè)標(biāo)簽:n a v Tab(如果你沒有 t不懂emmet技術(shù)，請(qǐng)搜學(xué)，前端必學(xué))。

使用shift轉(zhuǎn)碼輸入一個(gè)空格:#39Shift Space#39(如果和輸入法快捷鍵，也可以輸入amp n 2)。

創(chuàng)建按鈕:# 39 ctrl enter # 39 in enter enter tab w h o space I s space e→

添加一個(gè)click事件:Space o n c k Enter w h o Enter → (onck是模糊匹配，不輸入完整單詞就會(huì)模糊匹配，除代碼塊外的所有語法提示都支持模糊匹配)。

使用go定義到j(luò)s函數(shù):#39Ctrl Alt D#39 ↓

-以下是js部分。

定義一個(gè)變量。

給e賦值:e空格空格d回車。g 6 #34回車(可以提示的樣式列表)。

使用enter或Tab將光標(biāo)跳轉(zhuǎn)到綠色豎線(如果沒有綠色豎線，則使用End到行尾):Enter Enter。

將值2賦給e:e space space d o enter . G8 # 34d 8 enter enter(可以提示標(biāo)簽列表)。

給e賦值3(這個(gè)代碼塊很常見):e Space Space $(或者dg)回車2回車(id列表可以提示，注意d1)。

為e設(shè)置algin屬性:e . s e 2 # 34 a l enter →# 34 c enter enter。

設(shè)置自定義屬性: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回車→回車

寫開關(guān)判斷e: s w 2 e. s t回車。輸入標(biāo)簽

顯示的數(shù)值范圍在情況下提示:#34-w輸入。

跳到開關(guān)的末端(帶有綠色豎線):Enter Enter。

編寫if代碼塊:i f f Enter(或使用i f 2)

在if的條件判斷屬性中添加樣式:例如，e t a t Enter #34 c Enter Enter！#34回車↓

設(shè)置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。

將目標(biāo)添加到a1: e.t 5 # 34回車回車。

e賦值改為圖像對(duì)象:e空間n e w空間I m 6回車。

為img添加圖片:e. s r回車#34回車回車。

e賦值被改為indexedDB對(duì)象:e空格w i回車。我輸入空格||空格w我輸入。i ndexed5space |我輸入的空格。i ndexed3space ||我輸入的空格。我拒絕了。

確認(rèn)e可以被瀏覽器識(shí)別:i f f Enter (I f 2也可以)t y 4 e enter ↓

執(zhí)行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的最后一個(gè)子節(jié)點(diǎn):v ar space l space l e c enter(head in with可以直接識(shí)別子對(duì)象)。

移除子節(jié)點(diǎn):r eM6L→↓Enter(head的lastElementChild是外部引用的css)。

動(dòng)態(tài)生成一個(gè)css文件引用:e空格d c回車l5回車。

添加屬性:e. r 3 #34 s t y回車回車。

設(shè)置類型:e.t y輸入# 34 c回車回車。

set href:e . h . r enter # 34 . c enter回車鍵。

在頭上加e:henter . a p回車e回車。

-演示重構(gòu)，即重命名變量。

用代碼塊定義變量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，轉(zhuǎn)到定義:# 39 shift↓# 39 # 39 ctrl Alt D # 39(按住Alt點(diǎn)鼠標(biāo))。

重構(gòu)S的名字是SS: # 39 CTRL F2 # 39 ENTER S ENTER(彈出對(duì)話框可以預(yù)覽重構(gòu)結(jié)果)。

跳到函數(shù)的末尾:#39Alt ↓#39 #39Alt ↓#39 Enter

添加一個(gè)啟動(dòng)事件:A D ENTER # 34d O M L O ENTER →, F U N A ENTER(這里也可以是f u 6) ↓

Jsdoc: f in I輸入1提示自定義函數(shù)

-CSS部分

跳轉(zhuǎn)到CSS: # 39 alt ↓ # 39

為正文添加樣式:b o En之三{回車

在emmet模式下添加textalign:t c Tab回車。

模糊匹配增加了用戶選擇。

寫下一個(gè)風(fēng)格:↓回車

為輸入添加樣式:i n Enter [t y Enter Enter → {Enter。

使用代碼塊設(shè)置寬度:w 9 9 0 ↓回車。

樣式ul: u l {d n Enter #39Ctrl Enter#39

ID也可以提示:# 2 {Enter

提示字體列表:f f回車回車

輸入自動(dòng)補(bǔ)全行結(jié)束分號(hào):Enter

添加背景-圖像:b我輸入h b回車。

你 完成后，保存并運(yùn)行它。

如果你的屏幕足夠?qū)?，還可以點(diǎn)擊右上角的視圖開關(guān)，邊換邊切換到視圖Ctrl P，保存左側(cè)自動(dòng)刷新右側(cè)。

編輯-高級(jí)中有一個(gè)自動(dòng)換行選項(xiàng)，快捷鍵是Ctrl E和Ctrl lw。這樣可以實(shí)現(xiàn)自動(dòng)換行！我不 我不知道這是否可靠。