HBuilder是DCloud推出的一款支持HTML5的Web開發(fā)IDE。快，是HBuilder的最大優(yōu)勢(shì)，通過完整的語(yǔ)法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發(fā)效率。同時(shí)，它還包括最全面的語(yǔ)法庫(kù)和瀏覽器兼容性數(shù)據(jù)。

軟件介紹

讓眼爽，環(huán)保綠柔主題

腦電波實(shí)驗(yàn)證明使用綠柔緩解腦疲勞！

理念

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

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

- 綠柔不是簡(jiǎn)單的配色，她不追求酷炫，而追求：舒適、護(hù)眼、和身心健康。

- 綠柔結(jié)合了色彩生理學(xué)和色彩心理學(xué)，參考了電子書的設(shè)計(jì)，

- 并根據(jù)用戶顯示器的發(fā)光特點(diǎn)，智能調(diào)配而成。

原理

- 綠柔，色調(diào)柔和、對(duì)比度低、綠色感加強(qiáng)，

- 綠柔下工作能減少眼球充血，舒緩眼部肌肉，降低腦電波疲勞值。

- 與黑色主題相比，綠柔還能防近視、防暈眩、防止暗適應(yīng)、

- 減少維生素A消耗，防止或減輕夜盲癥。

疲勞值實(shí)驗(yàn)

北京某知名醫(yī)院通過腦電波檢測(cè)進(jìn)行腦部疲勞值測(cè)試。

證明綠柔主題下編碼的程序員疲勞值更低。

參與實(shí)驗(yàn)的程序員在充分休息后。

分別使用綠柔和黑色主題的編程工具進(jìn)行編碼半小時(shí)。

并監(jiān)測(cè)腦電波的數(shù)據(jù)變化。

通過對(duì)實(shí)驗(yàn)者的腦電波產(chǎn)生的17萬(wàn)條數(shù)據(jù)的分析。

利用醫(yī)院儀器打印出的疲勞值、緊張度和注意力集中程度數(shù)值。

實(shí)驗(yàn)后測(cè)試者的疲勞度均上升，

但，使用綠柔工作的程序員疲勞值上升相對(duì)緩慢。

緊張程度最低，注意力最集中。

使用黑色主題編碼后疲勞值的上升幅度最高達(dá)到使用綠柔上升幅度的700%!

功能特點(diǎn)：

讓手爽，飛一般的編碼

1. 編碼比其他工具快5倍夠不夠？對(duì)極客而言，追求快，沒有止境！

2. 代碼輸入法：按下數(shù)字快速選擇候選項(xiàng)

3. 可編程代碼塊：一個(gè)代碼塊，少敲50個(gè)按鍵

4. 內(nèi)置emmet：tab一下生成一串代碼

5. 無死角提示：除了語(yǔ)法，還能提示ID、Class、圖片、鏈接、字體…

6. 跳轉(zhuǎn)助手、選擇助手，不用鼠標(biāo)，手不離鍵盤

7. 多種語(yǔ)言支持：php、jsp、ruby、python、nodejs等

web語(yǔ)言，less、coffee等編譯型語(yǔ)言均支持

8. 邊改邊看：一邊寫代碼，一邊看效果

9. 強(qiáng)悍的轉(zhuǎn)到定義和一鍵搜索

10. 這里還有最全的語(yǔ)法庫(kù)、最全的語(yǔ)法瀏覽器兼容庫(kù)

常見問題

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:輸入small不提示，語(yǔ)法庫(kù)是不是不全？A:代碼塊是否提示，取決于是否設(shè)置了這個(gè)代碼塊，代碼塊是可自定義的。默認(rèn)沒有預(yù)置small代碼塊，你也可以在代碼塊彈出界面點(diǎn)右下角的編輯圖標(biāo)，進(jìn)行代碼塊的補(bǔ)充修改。另外可以使用emmet（ZenCoding）語(yǔ)法，這個(gè)沒有提示，但敲完small，按tab，就會(huì)自動(dòng)生成標(biāo)簽。emmet是一種前端公開技術(shù)，網(wǎng)上教程很多。
Q:為什么有時(shí)候我輸入代碼塊的名稱，卻沒有出現(xiàn)想要的代碼塊？A:代碼塊的顯示名稱和激活字符是不同的，查看激活字符請(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è)試試：

更新日志

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