軟件介紹
HBuilder是由DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE，內置強大的代碼助手、語法提示，可以幫助用戶快速完成開發。HBuilder本身是由Java編寫的，基于Eclipse，因此也兼容了Eclipse的插件。
基本簡介
目前主流的前端開發工具有Sublime為代表的文本編輯器，以及Webstorm、Brackets、Dreamweaver、vs等IDE。但說道為HTML5設計或做了特殊優化的，只有HBuilder、Webstorm和Brackets。
軟件特色
在HBuilder里預置了一個hello HBuilder的工程，用戶敲這幾十行代碼后會發現，HBuilder比其他開發工具至少快5倍。
HBuilder的生態系統可能是最豐富的Web IDE生態系統，因為它同時兼容eclipse插件和Ruby Bundle。SVN、git、ftp、PHP、less等各種技術都有Eclipse插件。
使用方法
Q：什么叫滾動條信息點？
A：當代碼中有重要的標記出現時，會生成滾動條信息點，在滾動條右側出現顏色各異的點。點擊這些點或使用跳轉到下一個信息點功能，可以快速到達這些代碼處。如下標記會生成信息點：書簽、任務、錯誤提示。
Q：怎么實現代碼追蹤？
A：在編輯代碼時經常會出現需要跳轉到引用文件或者變量定義的地方，HBuilder提供了一個非常好用的代碼追蹤功能，只需要按住Ctrl+鼠標左鍵即可實現追蹤。
Q：輸入small不提示，語法庫是不是不全？
A：代碼塊是否提示，取決于是否設置了這個代碼塊，代碼塊是可自定義的。默認沒有預置small代碼塊，你也可以在代碼塊彈出界面點右下角的編輯圖標，進行代碼塊的補充修改。另外可以使用emmet（ZenCoding）語法，這個沒有提示，但敲完small，按tab，就會自動生成標簽。emmet是一種前端公開技術，網上教程很多。
Q：為什么有時候我輸入代碼塊的名稱，卻沒有出現想要的代碼塊？
A：代碼塊的顯示名稱和激活字符是不同的，查看激活字符請在激活代碼助手后選擇代碼塊，看右邊信息欄的詳情。
Q：編輯器怎么實現分欄？
A:HBuilder編輯器分欄功能可以實現左右分欄和上下分欄以及組合分欄。
1、左右分欄實現：鼠標點著編輯器選項卡往最右邊拖動即可實現左右分欄。
左右分欄實現效果：
2、上下分欄實現：鼠標點著編輯器選項卡往最下邊拖動即可實現上下分欄。
上下分欄實現效果：
3、組合分欄實現：組合分欄就是即有的文件向下拖動，有的文件向右拖動，下面給出一個效果圖，感興趣的話您可以拖個試試：
百度_baidu.com
百家號_baijiahao.baidu.com
