hbuilder中文版是一款dcloud推出的支持網(wǎng)頁開發(fā)的ide而且速度很快，插件非常強(qiáng)大，支持大部分的語言狀態(tài)，你可以輸入完整的代碼，提升自己的開發(fā)速度，非常給力，大廠的出品果然好！?。⌒枰呐笥褋硐螺d試用使用吧??！

hbuilder官網(wǎng)簡介

hbuilder是dcloud（數(shù)字天堂）推出的一款支持html5的web開發(fā)ide。hbuilder的編寫用到了java、c、web和ruby。hbuilder本身主體是由java編寫，它基于eclipse，所以順其自然地兼容了eclipse的插件?？?，是hbuilder的最大優(yōu)勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升html、js、css的開發(fā)效率。

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)：書簽、任務(wù)、錯(cuò)誤提示。

q:怎么實(shí)現(xiàn)代碼追蹤？

a:在編輯代碼時(shí)經(jīng)常會(huì)出現(xiàn)需要跳轉(zhuǎn)到引用文件或者變量定義的地方，hbuilder提供了一個(gè)非常好用的代碼追蹤功能，只需要按住ctrl+鼠標(biāo)左鍵即可實(shí)現(xiàn)追蹤。

q:為什么有時(shí)候我輸入代碼塊的名稱，卻沒有出現(xiàn)想要的代碼塊？

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

q:輸入small不提示，語法庫是不是不全？

a:代碼塊是否提示，取決于是否設(shè)置了這個(gè)代碼塊，代碼塊是可自定義的。默認(rèn)沒有預(yù)置small代碼塊，你也可以在代碼塊彈出界面點(diǎn)右下角的編輯圖標(biāo)，進(jìn)行代碼塊的補(bǔ)充修改。另外可以使用emmet（zencoding）語法，這個(gè)沒有提示，但敲完small，按tab，就會(huì)自動(dòng)生成標(biāo)簽。emmet是一種前端公開技術(shù)，網(wǎng)上教程很多。

q:編輯器怎么實(shí)現(xiàn)分欄？

a:hbuilder編輯器分欄功能可以實(shí)現(xiàn)左右分欄和上下分欄以及組合分欄。

1、左右分欄實(shí)現(xiàn)：鼠標(biāo)點(diǎn)著編輯器選項(xiàng)卡往最右邊拖動(dòng)即可實(shí)現(xiàn)左右分欄

2、上下分欄實(shí)現(xiàn)：鼠標(biāo)點(diǎn)著編輯器選項(xiàng)卡往最下邊拖動(dòng)即可實(shí)現(xiàn)上下分欄

3、組合分欄實(shí)現(xiàn)：組合分欄就是即有的文件向下拖動(dòng)，有的文件向右拖動(dòng)，下面給出一個(gè)效果圖，感興趣的話您可以拖個(gè)試試：

hbuilder官方特色

1、飛一樣的編碼速度：

代碼輸入法：一個(gè)數(shù)字鍵，少敲10個(gè)按鍵；

代碼塊：一個(gè)代碼塊，少敲50個(gè)按鍵；

模糊匹配：跳著敲字母就能匹配到單詞；

內(nèi)置emmet，tab一下生成一串代碼；

智能補(bǔ)齊：感知你的意圖，自動(dòng)完成輸入；

跳轉(zhuǎn)助手、選擇助手，不用鼠標(biāo)，手不離鍵盤；……才比別的工具快5倍？對極客而言，追求快，沒有止境！

2、手機(jī)app開發(fā)：

用html5卻不做手機(jī)app？那html4就夠用了；

用hbuilder直接創(chuàng)建移動(dòng)app，連上數(shù)據(jù)線真機(jī)聯(lián)調(diào)，打包為ios或android原生安裝包。

html5能力不夠？二維碼、語音輸入、攝像頭、位置、陀螺儀…十幾萬原生能力隨意調(diào)用！

html5性能不行？原生窗體繪制增強(qiáng)用戶體驗(yàn)！

3、震撼的語法提示：

html5語法、html5+語法、三大瀏覽器擴(kuò)展語法，盡收hbuilder中。

每個(gè)瀏覽器發(fā)布新版后，一周內(nèi)，其新增語法就收錄入hbuilder。

哦，怎么能忘記js框架，這里有強(qiáng)大到令你震驚的jquery語法提示！

每個(gè)語法在哪個(gè)瀏覽器、哪個(gè)版本上是否可運(yùn)行，這里都有。

沒有比這里更全的語法庫，也沒有比這里更全的瀏覽器兼容性數(shù)據(jù)庫。

4、保護(hù)視力的界面

每天盯著屏幕寫代碼，程序員的健康非常重要，

為此我們用心設(shè)計(jì)了hbuilder的視覺主題方案--綠柔。

綠柔不是簡單的配色，她不追求酷炫，而追求：

舒適、護(hù)眼、和身心健康。

綠柔結(jié)合了色彩生理學(xué)和色彩心理學(xué)，參考了電子書的設(shè)計(jì)，并根據(jù)用戶顯示器的發(fā)光特點(diǎn)，智能調(diào)配而成。