HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。基于Eclipse，兼容Eclipse的插件，還包括最全面的語法庫和瀏覽器兼容性數(shù)據(jù)。目前主流的前端開發(fā)工具有Sublime為代表的文本編輯器，以及Webstorm、Brackets、Dreamweaver、vs等IDE。但說道為HTML5設(shè)計或做了特殊優(yōu)化的，只有HBuilder、Webstorm和Brackets。

HBuilder編輯器軟件特色

在HBuilder里預(yù)置了一個hello HBuilder的工程，用戶敲這幾十行代碼后會發(fā)現(xiàn)，HBuilder比其他開發(fā)工具至少快5倍。
快，是HBuilder的最大特色，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發(fā)效率。
HBuilder的生態(tài)系統(tǒng)可能是最豐富的Web IDE生態(tài)系統(tǒng)，因為它同時兼容eclipse插件和Ruby Bundle。SVN、git、ftp、PHP、less等各種技術(shù)都有Eclipse插件。

HBuilder編輯器使用教程

一、使用HBuilder創(chuàng)建新項目

1、依次選擇文件→新建→點擊Web項目(可使用快捷鍵Ctrl+N,W快速啟動新建流程，MacOS系統(tǒng)請使用Command+N，然后鼠標(biāo)左鍵選擇Web項目)

2、在A處填寫項目名稱，B處填寫或選擇項目存儲位置(修改后的路徑將被記錄，后續(xù)將默認使用此路徑)，C處可挑選所需模板(如需自定義模板，可點擊自定義模板選項，并參照打開目錄中的readme.txt文件進行設(shè)置)

二、使用HBuilder創(chuàng)建HTML頁面

在項目資源管理器內(nèi)選中剛創(chuàng)建的項目，依次選擇文件→新建→點擊HTML文件(可使用快捷鍵Ctrl+N,W快速新建，MacOS系統(tǒng)請使用Command+N然后左鍵選擇HTML文件)，選擇空白文件模板即可繼續(xù)操作

HBuilderX編輯器使用技巧

1、免拖動選擇

使用鼠標(biāo)拖拽選擇文本內(nèi)容容易導(dǎo)致手指疲勞，尤其在觸摸板上操作更為不便。

然而記憶大量相關(guān)快捷鍵同樣令人困擾。

HBuilderX提供了更便捷的操作方式：智能雙擊與Ctrl+=擴展選區(qū)。

2、智能雙擊

以下是智能雙擊選擇標(biāo)簽及包圍父標(biāo)簽的示例：

雙擊div標(biāo)簽的首部或尾部可選中整個標(biāo)簽。此外，雙擊if語句、縮進符號、括號或引號內(nèi)部等位置均可通過智能雙擊選中。具體可參考HBuilder的選擇菜單。

按下Ctrl+]可實現(xiàn)包圍操作，在選區(qū)首尾添加父標(biāo)簽同時光標(biāo)閃爍。需要注意的是，在js文件中按下Ctrl+]不會包圍標(biāo)簽，而是包圍if、for等函數(shù)塊。

輸入div即可在選區(qū)首尾自動添加包圍標(biāo)簽

3、擴展選區(qū)Ctrl+=

(注：=鍵與+號鍵位共享，因此Ctrl+=實際是Ctrl鍵與+號組合鍵)

在HBuilderX中可智能判斷選區(qū)范圍，持續(xù)擴展選區(qū)，實現(xiàn)無需鼠標(biāo)快速精準(zhǔn)選擇目標(biāo)區(qū)域。

HBuilder編輯器更新日志

1、修復(fù)問題
解決某些情況下Android手機真機運行無法連接到手機的問題