HBuilder 是一款開(kāi)發(fā) HTML5 的集成開(kāi)發(fā)環(huán)境（IDE），它以 HTML、CSS、JavaScript 和 PHP 為基礎(chǔ)技術(shù)，支持多種移動(dòng)應(yīng)用開(kāi)發(fā)框架，幫助開(kāi)發(fā)者節(jié)省開(kāi)發(fā)成本、提高開(kāi)發(fā)效率。而且兼容Ruby Bundle、SVN、git、ftp、PHP、less等各種技術(shù)的Eclipse插件，這大概是Web IDE中最為豐富的生態(tài)系統(tǒng)了。

特點(diǎn)

在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插件。

亮點(diǎn)

1. 支持多種開(kāi)發(fā)場(chǎng)景：HBuilder 支持無(wú)縫切換多種開(kāi)發(fā)場(chǎng)景，如 Web 前端、移動(dòng)應(yīng)用、桌面應(yīng)用等，開(kāi)發(fā)者可以根據(jù)自己的需求輕松切換。

2. 強(qiáng)大的代碼編輯器：HBuilder 的代碼編輯器支持智能提示、代碼補(bǔ)全、代碼高亮、代碼折疊、搜索替換等功能，幫助開(kāi)發(fā)者提高開(kāi)發(fā)效率、降低出錯(cuò)率。

3. 豐富的插件支持：HBuilder 有大量的插件支持，可以幫助開(kāi)發(fā)者完成各種任務(wù)，如代碼片段生成、自動(dòng)化工具、代碼調(diào)試等等。

4. 智能調(diào)試模式：HBuilder 的智能調(diào)試模式支持遠(yuǎn)程調(diào)試、USB 連線調(diào)試、仿真器調(diào)試等多種模式，方便開(kāi)發(fā)者在不同的場(chǎng)景下進(jìn)行調(diào)試。

5. 軟件開(kāi)發(fā)生態(tài)圈：HBuilder 已經(jīng)形成了巨大的軟件開(kāi)發(fā)生態(tài)圈，擁有大量的開(kāi)發(fā)者和用戶群體，開(kāi)發(fā)者可以在社區(qū)中獲取各種資源和幫助，加速開(kāi)發(fā)過(guò)程。

使用教程

Hbuilder編輯器怎么用？
Q:什么叫滾動(dòng)條信息點(diǎn)？A:當(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)：書(shū)簽、任務(wù)、錯(cuò)誤提示。
Q:怎么實(shí)現(xiàn)代碼追蹤？A:在編輯代碼時(shí)經(jīng)常會(huì)出現(xiàn)需要跳轉(zhuǎn)到引用文件或者變量定義的地方，HBuilder提供了一個(gè)非常好用的代碼追蹤功能，只需要按住Ctrl+鼠標(biāo)左鍵即可實(shí)現(xiàn)追蹤。
Q:輸入small不提示，語(yǔ)法庫(kù)是不是不全？A:代碼塊是否提示，取決于是否設(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)上教程很多。
Q:為什么有時(shí)候我輸入代碼塊的名稱，卻沒(méi)有出現(xiàn)想要的代碼塊？A:代碼塊的顯示名稱和激活字符是不同的，查看激活字符請(qǐng)?jiān)诩せ畲a助手后選擇代碼塊，看右邊信息欄的詳情
Q:編輯器怎么實(shí)現(xiàn)分欄？A: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è)試試：

優(yōu)勢(shì)

1. 多端支持：HBuilder支持多個(gè)平臺(tái)的開(kāi)發(fā)，包括Web、App、微信小程序和云開(kāi)發(fā)等。

2. 開(kāi)發(fā)效率高：HBuilder集成了多種開(kāi)發(fā)工具和功能，如代碼提示、代碼補(bǔ)全、代碼重構(gòu)等，能夠有效提高開(kāi)發(fā)效率。

3. 云端開(kāi)發(fā)：HBuilder可以通過(guò)云端開(kāi)發(fā)的方式快速部署和調(diào)試應(yīng)用程序。

4. 開(kāi)發(fā)成本低：HBuilder的開(kāi)發(fā)工具和服務(wù)都是免費(fèi)的，開(kāi)發(fā)成本低，可降低企業(yè)開(kāi)發(fā)成本。

5. 社區(qū)支持：HBuilder有強(qiáng)大的社區(qū)支持，用戶可以在線獲取開(kāi)發(fā)教程、文檔、視頻等資源，實(shí)現(xiàn)迅速上手。

更新日志

hbuilder(html5網(wǎng)頁(yè)開(kāi)發(fā)環(huán)境) 8.8.7 更新日志:(2017-11-29)
android平臺(tái)修復(fù)nativeUI中actionsheet選擇框樣式不正確的問(wèn)題
android平臺(tái)修復(fù)調(diào)試基座在android4.2及以下設(shè)備可能無(wú)法正確調(diào)用5+ API的問(wèn)題

以上便是KKX小編給大家分享介紹的Hbuilder編輯器！