HBuilder是款效率超高的HTML開發(fā)工具，通過emmet、sass、less的自動編譯，完整的語法提示和代碼輸入法、代碼塊等，使得HTML、js、css的開發(fā)效率迅速提升，比其他開發(fā)工具至少快5倍。同時(shí)，HBuilder還包括最全面的語法庫和瀏覽器兼容性數(shù)據(jù)。HBuilder本身主體是由Java編寫，它基于Eclipse，所以順其自然地兼容了Eclipse的插件。

HBuilder功能

1. 支持原生sdk集成，離線打包，自由擴(kuò)展原生能力。
2. 支持weex原生渲染，提升性能體驗(yàn)，開放原生ui限制。
3. HX擁有更漂亮簡潔的界面，黑色主題也是全屏沉浸的黑色。
4. HX在多光標(biāo)、無拖動選擇、markdown、json、vue開發(fā)優(yōu)化上，有大量的獨(dú)創(chuàng)新特色。這些優(yōu)化過的工具使得工作效率提升數(shù)倍，同樣領(lǐng)先于業(yè)內(nèi)其他工具。

Hbuilder使用教程

Q:什么叫滾動條信息點(diǎn)？A:當(dāng)代碼中有重要的標(biāo)記出現(xiàn)時(shí)，會生成滾動條信息點(diǎn)，在滾動條右側(cè)出現(xiàn)顏色各異的點(diǎn)。點(diǎn)擊這些點(diǎn)或使用跳轉(zhuǎn)到下一個(gè)信息點(diǎn)功能，可以快速到達(dá)這些代碼處。如下標(biāo)記會生成信息點(diǎn)：書簽、任務(wù)、錯(cuò)誤提示。

Q:怎么實(shí)現(xiàn)代碼追蹤？

A:在編輯代碼時(shí)經(jīng)常會出現(xiàn)需要跳轉(zhuǎn)到引用文件或者變量定義的地方，HBuilder提供了一個(gè)非常好用的代碼追蹤功能，只需要按住Ctrl+鼠標(biāo)左鍵即可實(shí)現(xiàn)追蹤。

Q:輸入small不提示，語法庫是不是不全？

A:代碼塊是否提示，取決于是否設(shè)置了這個(gè)代碼塊，代碼塊是可自定義的。默認(rèn)沒有預(yù)置small代碼塊，你也可以在代碼塊彈出界面點(diǎn)右下角的編輯圖標(biāo)，進(jìn)行代碼塊的補(bǔ)充修改。另外可以使用emmet（ZenCoding）語法，這個(gè)沒有提示，但敲完small，按tab，就會自動生成標(biāo)簽。emmet是一種前端公開技術(shù)，網(wǎng)上教程很多。

Q:為什么有時(shí)候我輸入代碼塊的名稱，卻沒有出現(xiàn)想要的代碼塊？

A:代碼塊的顯示名稱和激活字符是不同的，查看激活字符請?jiān)诩せ畲�碼助手后選擇代碼塊，看右邊信息欄的詳情

Q:編輯器怎么實(shí)現(xiàn)分欄？A:HBuilder編輯器分欄功能可以實(shí)現(xiàn)左右分欄和上下分欄以及組合分欄。

1、左右分欄實(shí)現(xiàn)：鼠標(biāo)點(diǎn)著編輯器選項(xiàng)卡往最右邊拖動即可實(shí)現(xiàn)左右分欄

左右分欄實(shí)現(xiàn)效果：

2、上下分欄實(shí)現(xiàn)：鼠標(biāo)點(diǎn)著編輯器選項(xiàng)卡往最下邊拖動即可實(shí)現(xiàn)上下分欄

上下分欄實(shí)現(xiàn)效果：;

3、組合分欄實(shí)現(xiàn)：組合分欄就是即有的文件向下拖動，有的文件向右拖動，下面給出一個(gè)效果圖，感興趣的話您可以拖個(gè)試試：