軟件介紹

HbuilderX電腦版由DCloud（數(shù)字天堂）發(fā)布的一款支持HTML5語(yǔ)言方式的互聯(lián)網(wǎng)網(wǎng)絡(luò)的集成開(kāi)發(fā)環(huán)境，本身是基于Java程序的開(kāi)發(fā)，Hbuilder可以使用多種編程程序，如C語(yǔ)言、Java、web和Ruby等程序進(jìn)行編程，并通過(guò)自帶的語(yǔ)法提示和代碼輸入法等功能，從而加快程序的編寫(xiě)。

Hbuilder軟件特色

1、輕巧

僅10M的綠色發(fā)行包

2、極速

HBuilder不管是啟動(dòng)速度、大文檔打開(kāi)速度、編碼提示，都會(huì)極速響應(yīng)

3、清爽護(hù)眼

HBuilder界面清爽簡(jiǎn)潔，綠柔主題經(jīng)過(guò)科學(xué)的腦疲勞測(cè)試，是最適合人眼長(zhǎng)期觀看的主題界面

4、無(wú)鼠標(biāo)操作

掌握HBuilder的無(wú)鼠標(biāo)操作體系，成為高效極客，飛一般編碼

5、markdown優(yōu)先

HBuilder是唯一一個(gè)新建文件默認(rèn)類(lèi)型是md的編輯器。

除了頂尖的markdown編寫(xiě)體驗(yàn)、漂亮的著色外，HX的極速啟動(dòng)、多標(biāo)簽、熱退出、各種快捷鍵操作，都給了你充足的理由升級(jí)記事本工具。

Hbuilder軟件功能

1、在HBuilder里預(yù)置了一個(gè)hello HBuilder的工程，用戶(hù)敲這幾十行代碼后會(huì)發(fā)現(xiàn)，HBuilder比其他開(kāi)發(fā)工具至少快5倍。

2、HBuilder的生態(tài)系統(tǒng)可能是最豐富的Web IDE生態(tài)系統(tǒng)，因?yàn)樗�同時(shí)兼容Eclipse插件和Ruby Bundle。SVN、git、ftp、PHP、less等各種技術(shù)都有Eclipse插件。

Hbuilder使用教程

Hbuilder打開(kāi)之后，會(huì)出現(xiàn)一些很人性話的設(shè)置，還有一點(diǎn)就是Hbuilder的編輯器風(fēng)格是黃色系，對(duì)眼睛比較好，不同于其他的編輯器一般是以黑白為主，這里我一般使用標(biāo)準(zhǔn)模式。

視覺(jué)設(shè)置完成之后進(jìn)入我們的項(xiàng)目建立階段，點(diǎn)擊“新建WEB項(xiàng)目”，創(chuàng)建項(xiàng)目名稱(chēng)，設(shè)置項(xiàng)目所在的位置確定即可，完成之后會(huì)在左邊的項(xiàng)目欄管理器中出現(xiàn)。我這里創(chuàng)建的名稱(chēng)為demo。

打開(kāi)項(xiàng)目demo的文件夾，我們會(huì)看到里面有首頁(yè)index.html，有JS文件夾，有CSS文件夾，還有圖片的文件夾，基本齊全。

到了這一步之后，我們便可以編寫(xiě)我們的代碼了，在這里我就隨便寫(xiě)了幾句作為項(xiàng)目的演示。

代碼的運(yùn)行有兩種方式，以下圖為例，點(diǎn)擊對(duì)應(yīng)的瀏覽器之后回跳轉(zhuǎn)到一個(gè)對(duì)應(yīng)的頁(yè)面。

Hbuilder常見(jiàn)問(wèn)題

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í)候我輸入代碼塊的名稱(chēng)，卻沒(méi)有出現(xiàn)想要的代碼塊？

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

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è)試試：

Hbuilder更新日志

修復(fù)問(wèn)題

解決某些情況下Android手機(jī)真機(jī)運(yùn)行無(wú)法連接到手機(jī)的問(wèn)題