HBuilder是當(dāng)前最快的HTML開(kāi)發(fā)工具,HBuilder強(qiáng)大的代碼助手幫你快速完成開(kāi)發(fā),
HBuilder是DCloud(數(shù)字天堂)推出的一款支持HTML5的Web開(kāi)發(fā)IDE。HBuilder本身主體是由Java編寫,快,是HBuilder的最大優(yōu)勢(shì),通過(guò)完整的語(yǔ)法提示和代碼輸入法、代碼塊等,最全的語(yǔ)法庫(kù)和瀏覽器兼容性數(shù)據(jù)讓瀏覽器碎片化不再頭痛,大幅提升HTML、js、css的開(kāi)發(fā)效率。
Hbuilder軟件特色
在HBuilder里預(yù)置了一個(gè)hello HBuilder的工程,用戶敲這幾十行代碼后會(huì)發(fā)現(xiàn),HBuilder比其他開(kāi)發(fā)工具至少快5倍。
HBuilder的生態(tài)系統(tǒng)可能是最豐富的Web IDE生態(tài)系統(tǒng),因?yàn)樗瑫r(shí)兼容eclipse插件和Ruby Bundle。SVN、git、ftp、PHP、less等各種技術(shù)都有Eclipse插件。
常見(jiàn)問(wèn)題
一、什么叫滾動(dòng)條信息點(diǎn)?
當(dāng)代碼中有重要的標(biāo)記出現(xiàn)時(shí),會(huì)生成滾動(dòng)條信息點(diǎn),在滾動(dòng)條右側(cè)出現(xiàn)顏色各異的點(diǎn)。點(diǎn)擊這些點(diǎn)或使用跳轉(zhuǎn)到下一個(gè)信息點(diǎn)功能,可以快速到達(dá)這些代碼處。如下標(biāo)記會(huì)生成信息點(diǎn):書簽、任務(wù)、錯(cuò)誤提示。
二、怎么實(shí)現(xiàn)代碼追蹤?
在編輯代碼時(shí)經(jīng)常會(huì)出現(xiàn)需要跳轉(zhuǎn)到引用文件或者變量定義的地方,HBuilder提供了一個(gè)非常好用的代碼追蹤功能,只需要按住Ctrl+鼠標(biāo)左鍵即可實(shí)現(xiàn)追蹤。
三、輸入small不提示,語(yǔ)法庫(kù)是不是不全?
代碼塊是否提示,取決于是否設(shè)置了這個(gè)代碼塊,代碼塊是可自定義的。默認(rèn)沒(méi)有預(yù)置small代碼塊,你也可以在代碼塊彈出界面點(diǎn)右下角的編輯圖標(biāo),進(jìn)行代碼塊的補(bǔ)充修改。另外可以使用emmet(ZenCoding)語(yǔ)法,這個(gè)沒(méi)有提示,但敲完small,按tab,就會(huì)自動(dòng)生成標(biāo)簽。emmet是一種前端公開(kāi)技術(shù),網(wǎng)上教程很多。
四、為什么有時(shí)候我輸入代碼塊的名稱,卻沒(méi)有出現(xiàn)想要的代碼塊?
代碼塊的顯示名稱和激活字符是不同的,查看激活字符請(qǐng)?jiān)诩せ畲a助手后選擇代碼塊,看右邊信息欄的詳情
五、編輯器怎么實(shí)現(xiàn)分欄?
HBuilder編輯器分欄功能可以實(shí)現(xiàn)左右分欄和上下分欄以及組合分欄。
1、左右分欄實(shí)現(xiàn):鼠標(biāo)點(diǎn)著編輯器選項(xiàng)卡往最右邊拖動(dòng)即可實(shí)現(xiàn)左右分欄。
左右分欄實(shí)現(xiàn)效果:
2、上下分欄實(shí)現(xiàn):鼠標(biāo)點(diǎn)著編輯器選項(xiàng)卡往最下邊拖動(dòng)即可實(shí)現(xiàn)上下分欄。
上下分欄實(shí)現(xiàn)效果:;
3、組合分欄實(shí)現(xiàn):組合分欄就是即有的文件向下拖動(dòng),有的文件向右拖動(dòng),下面給出一個(gè)效果圖,感興趣的話您可以拖個(gè)試試。
更新日志
解決某些情況下Android手機(jī)真機(jī)運(yùn)行無(wú)法連接到手機(jī)的問(wèn)題。