hbuilder的快捷鍵有哪些?
答案如下,:
HBuilder常用快捷鍵:
alt[匹配括號
Alt↓跳轉(zhuǎn)到下一個(gè)可編輯區(qū)域。
CtrlAltj合并下一行。
ctrlalt/選擇助手
Ctrl回車換行
Ctrl向上移動(dòng)回車和換行。
刪除一行。
CtrlShiftR復(fù)制上一行。
創(chuàng)建HTML結(jié)構(gòu):h8(按h激活代碼塊列表,按8選擇第八項(xiàng),即HTML代碼塊,或按htEnter)
換行符:CtrlEnter
Setcharset:me6enter
參考外部js:s2enterctrlenter
創(chuàng)建js塊:s回車
創(chuàng)建函數(shù):fun3(或funnnenter)
將函數(shù)命名為:WhoisE
跳轉(zhuǎn)到函數(shù)的末尾:EndAlt[↓CtrlEnter(Alt[表示跳轉(zhuǎn)到匹配的括號)
創(chuàng)建一個(gè)樣式節(jié)點(diǎn):stEnter↓CtrlEnter
引用外部css:lEnterEnter
跳轉(zhuǎn)到下一個(gè)可編輯區(qū)域:Alt↓
創(chuàng)建img標(biāo)簽:imEnterEnterCtrlEnter
插入換行符:ShiftEnterEnter
創(chuàng)建div并設(shè)置id和類:dienterd1→spacecenter(這里建議的類列表在test.css中定義)。
轉(zhuǎn)到類的定義:CtrlAltD(按住Alt并單擊鼠標(biāo))
關(guān)閉選項(xiàng)卡:Ctrlw(可以使用Ctrle切換選項(xiàng)卡)
添加自定義屬性data-test并賦值1:→SpaceD7TESTTAB1。
合并行:CtrlAltjCtrlEnter
創(chuàng)建一個(gè)超鏈接,設(shè)置id:a回車→空格I輸入a1。
使用選擇助手選擇#D1:ctrlalt←ctrlalt←ctrlalt←(如果快捷鍵,可以使用AltSU或雙擊引號)。
再次修改鏈接以指向新創(chuàng)建的a1:退格Alt/EnterCtrlEnter。
創(chuàng)建ul:u輸入
折疊代碼:CtrlAlt-
向上插入一個(gè)空行:CtrlShiftEnterTab(一般Ctrl的某個(gè)字母的快捷鍵改成CtrlShift的同一個(gè)字母,多代表相反的意思。)
當(dāng)沒有代碼塊時(shí),使用emmet語法創(chuàng)建一個(gè)標(biāo)簽:navTab(如果你沒有t不懂emmet技術(shù),請搜學(xué),前端必學(xué))。
使用shift轉(zhuǎn)碼輸入一個(gè)空格:Shift空格(如果和輸入法快捷鍵,也可以輸入ampn2)。
創(chuàng)建按鈕:CtrlEnterinEnterTabTabWHOSpaceisSpaceE→
添加一個(gè)click事件:SpaceonckEnterwhoEnter→(onck是模糊匹配,不輸入完整單詞就會模糊匹配,除代碼塊外的所有語法提示都支持模糊匹配)。
使用go定義到j(luò)s函數(shù):CtrlAltD↓
-以下是js部分。
定義一個(gè)變量。
給e賦值:espacespac
hbuilder怎么加載css?
創(chuàng)建新的web文檔系統(tǒng)會自動(dòng)創(chuàng)建css文檔和js文檔,你可以在側(cè)邊欄看到css文件。1.新手建議不要用hbuilder,這是一個(gè)開發(fā)網(wǎng)站首頁的專業(yè)集成開發(fā)環(huán)境。建議使用基本版editplus或Dreamweaver。