hbuilder的快捷鍵有哪些 hbuilder的鍵盤快捷鍵
Alt + [ 匹配括號
Alt + ↓跳轉(zhuǎn)到下一個可編輯區(qū)
Ctrl + Alt + j 合并下一行
Ctrl + Alt + ←選擇助手
Ctrl + 回車 換行
Ctrl + Shift + 回車 向上換行
Ctrl + d 刪除一行
Ctrl + Shift +R 復(fù)制上一行
創(chuàng)建HTML結(jié)構(gòu): h 8 (敲h激活代碼塊列表,按8選擇第8個項目,即HTML代碼塊,或者敲h t Enter)
中途換行: 'Ctrl+Enter'
設(shè)置charset: m e 6 Enter
引用外部js: s 2 Enter 'Ctrl+Enter'
創(chuàng)建js區(qū)塊: s Enter
創(chuàng)建函數(shù): f u n 3 (或者 f u n n Enter)
為函數(shù)命名:W h o i s E
跳轉(zhuǎn)到函數(shù)末尾: End 'Alt+[' ↓ 'Ctrl+Enter' (Alt+[是跳轉(zhuǎn)到匹配括號的意思)
創(chuàng)建style節(jié)點: s t Enter ↓ 'Ctrl+Enter'
引用外部css: l Enter Enter
跳轉(zhuǎn)到下一個可編輯區(qū): 'Alt+↓'
創(chuàng)建img標(biāo)簽: i m Enter Enter 'Ctrl+Enter'
插入換行符: 'Shift+Enter' Enter
創(chuàng)建div并設(shè)id和class: d i Enter d 1 → Space c Enter Enter (這里提示的class列表是在test.css里定義的)
轉(zhuǎn)到class的定義處:'Ctrl+Alt+D' (按Alt點擊鼠標(biāo)也可以)
關(guān)閉標(biāo)簽頁:'Ctrl+w' (切換標(biāo)簽頁則可以用Ctrl+e)
添加自定義屬性data-test并賦值1: → Space d 7 t e s t Tab 1
合并下行:'Ctrl+Alt+j' 'Ctrl+Enter'
創(chuàng)建超鏈接并設(shè)id: a Enter Enter → Space i Enter a 1
使用選擇助手選中#d1:'Ctrl+Alt+←' 'Ctrl+Alt+←' 'Ctrl+Alt+←' (如果快捷鍵沖突,可使用Alt+S U,或者鼠標(biāo)雙擊引號)
重新修改鏈接指向新創(chuàng)建的a1: BackSpace 'Alt+/' Enter 'Ctrl+Enter'
創(chuàng)建ul: u Enter
折疊代碼:'Ctrl+Alt+-'
向上插入空行:'Ctrl+Shift+Enter' Tab (一般Ctrl+某字母的快捷鍵,變成Ctrl+Shift+相同字母,大多代表相反意義)
沒有代碼塊時,使用emmet語法創(chuàng)建標(biāo)簽:n a v Tab (如果不知道emmet技術(shù),請搜索學(xué)習(xí),前端必學(xué))
使用shift轉(zhuǎn)碼輸入空格:'Shift+Space' (如果與輸入法快捷鍵沖突,也可輸入& n 2)
創(chuàng)建按鈕:'Ctrl+Enter' i n Enter Enter Tab Tab w h o Space i s Space e →
添加點擊事件: Space o n c k Enter w h o Enter → (onck是模糊匹配,不用輸入完整單詞也會模糊匹配,除代碼塊外所有語法提示都支持模糊匹配)
使用轉(zhuǎn)到定義到j(luò)s函數(shù):'Ctrl+Alt+D' ↓
------以下為js部分
定義一個變量e: v a r Space e ; Enter
為e賦值:e Space = Space d o Enter . g 6 " Enter (可提示樣式列表)
使用回車或Tab跳轉(zhuǎn)光標(biāo)到綠色豎線(若沒有綠色豎線請使用End到行尾):Enter ; Enter
為e賦值2:e Space = Space d o Enter . g 8 " d 8 Enter ; Enter (可提示標(biāo)簽列表)
為e賦值3(這個代碼塊很常用):e Space = Space $ (或者dg) Enter 2 Enter ; Enter (可提示id列表,注意選擇d1)
為e設(shè)置algin屬性: e . s e 2 " a l Enter → , " c Enter Enter ; Enter
設(shè)置自定義屬性:e . s e 2 " d Enter → , " 2 Enter ; Enter
提示字體列表: e . s t Enter . f o 2 = " Enter Enter ; Enter
提示圖片列表: e . s t Enter . b 7 = " h b Enter Enter ; Enter
還能這么寫css: e . s t Enter . c s 2 = " b 7 h b Enter → ; Enter
寫switch對e判斷:s w 2 e . s t Enter . d i s Enter Tab
case處提示display的值域:" - w e Enter
跳轉(zhuǎn)到switch結(jié)尾(有綠色豎線):Enter Enter
寫if代碼塊:i f f Enter (或者使用i f 2)
為if添加條件判斷屬性里的樣式:e . g e t a t Enter " c Enter Enter ! = " Enter ↓
設(shè)置e的樣式:e . c l 2 (此處也可以用c l n Enter) = " Enter Enter ; ↓ Enter
js里可以提示html: e . i n n Enter = " < f o Enter Space c o Enter Enter Enter ; Enter
e賦值改為超鏈接:e Space = Space $ Enter Enter Enter ; Enter
給a1加鏈接地址:e . h r Enter = " Enter Enter ; Enter
給a1加target:e . t 5 = " Enter Enter ; Enter
e賦值改為image對象:e Space = Space n e w Space i m 6 Enter ; Enter
為img增加圖片: e . s r Enter = " Enter Enter ; Enter
e賦值改為indexedDB對象:e Space = Space w i Enter . i Enter Space | | Space w i Enter . i n d e x e d 5 Space | | Space w i Enter . i n d e x e d 3 Space | | Space w i Enter . i n d e x e d 2 ; Enter
確認(rèn)e可被瀏覽器識別:i f f Enter (也可以使用i f 2) t y 4 e Enter ↓
執(zhí)行indexdb的方法:e . o p Enter " t e s t Enter ; ↓ Enter
------以下為刪除又添加上外部css引用
定義head變量:v a r Space h e a d Space = Space d o Enter . g 8 " h e Enter Enter [ 0 → ; Enter
with里也可以提示: w i t h h (或者w i t 2) Enter h Enter ↓
獲取head的最后一個子節(jié)點:v a r Space l Space = Space l e c Enter ; Enter (with里的head可直接識別子對象)
去掉該子節(jié)點:r e m 6 l → ; ↓ Enter (head的lastElementChild就是外部引用的css)
動態(tài)生成一個css文件引用:e Space = Space d c Enter l 5 Enter ; Enter
添加屬性:e . r 3 = " s t y Enter Enter ; Enter
設(shè)置type: e . t y Enter = " c Enter Enter ; Enter
設(shè)置href:e . h r Enter = " . c Enter Enter ; Enter
將e加入head中:h Enter . a p Enter e Enter Enter ; Enter
------演示重構(gòu),即重命名變量
用代碼塊定義一個變量s:v a r s Enter Tab e Space i s Space 'Ctrl+Enter'
判斷e的屬性:i f e(或i f 3) Enter e . g 2 " d Enter Enter = = n u 2 ↓
為s賦值:s = s + e . o u Enter ; 'Alt+↓'
為s賦值:s = s + " u n k n o w → ; ↓ Enter
將s打印出來:a l Enter s
選擇s并轉(zhuǎn)到定義:'Shift+←' 'Ctrl+Alt+D'(按Alt點擊鼠標(biāo)也可以)
重構(gòu)s的命名為ss:'Ctrl+F2' Enter s s Enter Enter (彈出對話框可預(yù)覽重構(gòu)結(jié)果)
跳轉(zhuǎn)到函數(shù)末尾:'Alt+↓' 'Alt+↓' Enter
添加一個啟動事件: a d Enter " d o m l o Enter → , f u n a Enter (此處也可以是f u 6) ↓
提示自定義函數(shù)的jsdoc: f i n i Enter 1
------css部分
跳轉(zhuǎn)到CSS:'Alt+↓'
給body加樣式:b o Enter { Enter
emmet方式增加textalign:t c Tab Enter
模糊匹配增加user-select:u s e r s 4 5
寫下一個樣式:↓ Enter
為input增加樣式:i n Enter [ t y Enter = Enter → { Enter
使用代碼塊設(shè)置寬度:w 9 9 0 ↓ Enter
為ul加樣式:u l { d n Enter 'Ctrl+Enter'
ID也可以提示:# 2 { Enter
提示字體列表:f f Enter Enter Enter
回車自動補行尾分號:Enter
增加background-image:b i Enter h b Enter
大功告成,保存并運行起來看看:'Ctrl+s' 'Ctrl+r'
如果你屏幕夠?qū)挘部梢渣c擊右上角視圖切換,換到邊改邊看視圖Ctrl+P,左邊保存右邊自動刷新。
HBuilder常用快捷鍵小結(jié)
HBuilder快捷鍵:中途換行: 'Ctrl+Enter'向上插入空行:'Ctrl+Shift+Enter' Tab (一般Ctrl+某字母的快捷鍵,變成Ctrl+Shift+相同字母,大多代表相反意義)跳轉(zhuǎn)到函數(shù)末尾: End 'Alt+[' ↓ 'Ctrl+Enter' (Alt+[是跳轉(zhuǎn)到匹配括號的意思)插入換行符: 'Shift+Enter'轉(zhuǎn)到class的定義處\/轉(zhuǎn)到function的定義處:'Ctrl+Alt...
Hbuilder怎么自定義快捷鍵-Hbuilder自定義快捷鍵教程
具體步驟如下:打開Hbuilder,點擊“工具”菜單,再點擊“自定義快捷鍵”,然后搜索“Ctrl+Z”,點擊該快捷鍵并復(fù)制到右側(cè)進(jìn)行修改。完成修改后,檢查菜單中的快捷鍵,確認(rèn)修改成功。在Hbuilder中,自定義快捷鍵的設(shè)置是在“工具”菜單下的“自定義快捷鍵”選項中完成的。通過復(fù)制原快捷鍵并進(jìn)行修改,可...
hbuilder排版快捷鍵
1、以下是HBuilder中常用的排版快捷鍵:Ctrl + Shift + F:自動格式化代碼,對代碼進(jìn)行縮進(jìn)和對齊。Ctrl + Shift + I:自動調(diào)整代碼縮進(jìn),根據(jù)代碼的嵌套關(guān)系進(jìn)行縮進(jìn)。Ctrl + \/:注釋\/取消注釋當(dāng)前行或選中的代碼塊。Ctrl + Shift + C:快速注釋\/取消注釋當(dāng)前行或選中的代碼塊(支持多行注釋)。C...
HBuilder常用快捷鍵
在HBuilder中,快捷鍵是高效編程的利器,以下是一些常用快捷鍵,它們能顯著提高編程效率:新建文件:按下Ctrl+N,即可快速創(chuàng)建新文件。關(guān)閉文件:Ctrl+W快捷鍵,輕松關(guān)閉當(dāng)前打開的文件。關(guān)閉全部文件:使用Ctrl+Shift+W組合鍵,能一次性關(guān)閉所有打開的文件。保存文件:Ctrl+S實現(xiàn)文件保存,Ctrl+Shift+S則...
Hbuilder有哪些常用快捷鍵
如果要打開折疊代碼用ctrl+alt++創(chuàng)建js代碼塊:s+回車創(chuàng)建style節(jié)點st+回車插入一個br換行符:shift+回車創(chuàng)建一個divd+回車6創(chuàng)建一個超鏈接a+回車7合并下一行在需要合并的上一行按下組合鍵:ctrl+alt+j8以上就是Hbuilder中常用的快捷鍵,當(dāng)然快捷鍵需要大家多用多練才會靈活運用Hbuilder| ...
鏈接build的快捷鍵
C++builder快捷鍵?全Ctrl+Ins Edit|Copy Shift+Del Edit|Cut Shift+Ins Edit|Paste Ctrl+C Edit|Copy Ctrl+V Edit|Paste Ctrl+X Edit|Cut Debugger (default, classic, Brief, Epsilon, and Visual Studio) Breakpoint view Ctrl+V View Source Ctrl+S Edit Source Ctrl+E Edit Break...
hbuilder快捷鍵有哪些
hbuilder快捷鍵有哪些一、文件操作新建菜單:ctrl+N新建:ctrl+N關(guān)閉:ctrl+w全部關(guān)閉:ctrl+shift+w保存:ctrl+s全部保存:ctrl+shift+s刷新:F5屬性:Alt+Enter二、編輯操作激活代碼助手:Alt+\/顯示方法參數(shù)提示:Alt+Shift+?撤銷:Ctrl+Z重做:Ctrl+Y復(fù)制選區(qū)或光標(biāo)所在行:Ctrl+C剪切選區(qū)或光標(biāo)...
hbuilder排版快捷鍵
HBuilder是一款功能強大的開發(fā)工具,它提供了多種快捷鍵來幫助用戶快速進(jìn)行代碼排版和格式化。下面將介紹一些HBuilder常用的排版快捷鍵,幫助開發(fā)者提高工作效率。首先,Ctrl + Shift + F這一快捷鍵可以自動格式化代碼,使代碼整齊地縮進(jìn)和對齊。其次,Ctrl + Shift + I用于調(diào)整代碼的縮進(jìn),根據(jù)代碼的嵌套...
hbuilderx怎么保存整個項目
按下快捷鍵ctrl+alt+s。HBuilderX是可以使用快捷鍵來保存項目的,一般使用較多的是保存ctrl+s快捷鍵,另存為是ctrl+shift+s快捷鍵,全部保存是ctrl+alt+s快捷鍵。HBuilderX為極客發(fā)布的極速綠色發(fā)行包,其構(gòu)架為C++架構(gòu),啟動速度快,具有編碼提示功能。
HBuilder快捷鍵
b—2:background d—2:display w—3:width h—2:height t—7:text-decoration c—6:color fl—8:float m—3:margin-left po—8:position Ctrl+9:包圍標(biāo)簽 Tab:css一個屬性寫完后調(diào)到分號后面 Ctrl+Shift+R:復(fù)制當(dāng)前行或選中區(qū)域 Ctrl+Shift+D:選擇和當(dāng)前詞相同的詞 Ctrl+Shift+S...
相關(guān)評說:
白云礦區(qū)間歇: ______ 編輯菜單中的整理代碼格式 快捷鍵ctrl+shift+F 一般情況最好是自己邊編寫邊排版
白云礦區(qū)間歇: ______ 當(dāng)你的應(yīng)用開發(fā)完成后(或創(chuàng)建項目后),點擊發(fā)行,看到下面有很多種打包的方式,通常使用第一個最方便,這是Hbuilder在云端給你打包,我們都不需要安裝android、IOS的開發(fā)環(huán)境,等待云端打包完成就行了. 如果你實在不想用云端打包,那就選擇本地打包吧,不過就需要安裝android和ios的開發(fā)環(huán)境了.
白云礦區(qū)間歇: ______ 用鼠標(biāo)選中要修改的詞,再按 ctrl+d ,要選幾個相同的詞就按幾下.如果選中了不想要的詞,可以按 ctrl+k , ctrl+d 就可以跳過這個詞,繼續(xù)選擇下一個.
白云礦區(qū)間歇: ______ 可以利用qt的help文檔,查找一個函數(shù)的定義. qt 是一個1991年由奇趣科技開發(fā)的跨平臺c++圖形用戶界面應(yīng)用程序開發(fā)框架.它既可以開發(fā)gui程序,也可用于開發(fā)非gui程序,比如控制臺工具和服務(wù)器.qt是面向?qū)ο蟮目蚣?使用特殊的代碼生...
白云礦區(qū)間歇: ______ builder 英 ['b?ld?] 美 ['b?ld?] n. 建筑者;建立者
白云礦區(qū)間歇: ______ 由于MHTML是屬于網(wǎng)頁類的文件,所以首先得從瀏覽器入手,因為瀏覽器主要就是... 在這里我們我們需要準(zhǔn)備一個變異環(huán)境,這里我們采用Hbuilder.此時我們就可以在編...
白云礦區(qū)間歇: ______ 是hbuilder更好. HBuilder 是DCloud(數(shù)字天堂)推出一款支持HTML5的Web開發(fā)IDE.“快,是HBuilder的最大優(yōu)勢,通過完整的語法提示和代碼輸入法、代碼塊及很多配套,HBuilder能大幅提升HTML、js、css的開發(fā)效率. 以“快”為核心...
白云礦區(qū)間歇: ______ 模擬器菜單 文件->儲存屏幕快照 快捷鍵 花鍵+S 截圖直接保存在桌面上
白云礦區(qū)間歇: ______ 1. CASS快捷鍵命令大全快捷鍵:【CTRL】+F *OSNAP(對象捕捉) .具體步驟如下或者使用右鍵在彈出的菜單中選對象捕捉,也可以工具欄里選擇點擊打開.2. cass快...
白云礦區(qū)間歇: ______ 1、鼠標(biāo)右擊行號前面2、在出現(xiàn)的菜單中選擇 “語法驗證器設(shè)置(V)”3、點擊 “語法驗證器設(shè)置(V)” 后在新出現(xiàn)的對話框4、開啟javascript語法驗證器,直接點擊*,然后有個彈窗點擊“是”,然后會出現(xiàn)一個進(jìn)度條,等待完成即可!