HBuilder是當前最快的HTML開發工具，強大的代碼助手幫你快速完成開發，最全的語法庫和浏覽器兼容性數據讓浏覽器碎片化不再頭痛。HBuilder的最大優勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發效率。同時，它還包括最全面的語法庫和浏覽器兼容性數據。

目前主流的前端開發工具有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:代碼塊的顯示名稱和激活字符是不同的，查看激活字符請在激活代碼助手後選擇代碼塊，看右邊信息欄的詳情

使用方法

Hbuilder编辑器怎么用 Hbuilder使用教程

Q:什么叫滚动條信息点?A:當代碼中有重要的標記出現時，會生成滾動條信息點，在滾動條右側出現顔色各異的點。點擊這些點或使用跳轉到下一個信息點功能，可以快速到達這些代碼處。如下標記會生成信息點：書簽、任務、錯誤提示。

Q:怎么实现代码追踪?A:在編輯代碼時經常會出現需要跳轉到引用文件或者變量定義的地方，HBuilder提供了一個非常好用的代碼追蹤功能，只需要按住Ctrl+鼠標左鍵即可實現追蹤。

Q:輸入small不提示，語法庫是不是不全?A:代碼塊是否提示，取決于是否設置了這個代碼塊，代碼塊是可自定義的。默認沒有預置small代碼塊，你也可以在代碼塊彈出界面點右下角的編輯圖標，進行代碼塊的補充修改。另外可以使用emmet(ZenCoding)語法，這個沒有提示，但敲完small，按tab，就會自動生成標簽。emmet是一種前端公開技術，網上教程很多。

Q:为什么有时候我输入代码块的名称，却没有出现想要的代码块?A:代碼塊的顯示名稱和激活字符是不同的，查看激活字符請在激活代碼助手後選擇代碼塊，看右邊信息欄的詳情

Q:編輯器怎麽實現分欄?A:HBuilder編輯器分欄功能可以實現左右分欄和上下分欄以及組合分欄。

1、左右分欄實現：鼠標點著編輯器選項卡往最右邊拖動即可實現左右分欄

左右分欄實現效果：

2、上下分欄實現：鼠標點著編輯器選項卡往最下邊拖動即可實現上下分欄

上下分欄實現效果：;

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

更新日志

修複問題

解決某些情況下Android手機真機運行無法連接到手機的問題