Hbuilder綠色版是DCloud推出的一款支持HTML5的Web開發(fā)IDE?？?，是HBuilder的最大優(yōu)勢(shì)，hbuilder通過(guò)完整的語(yǔ)法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發(fā)效率，HBuilder是當(dāng)前最快的HTML開發(fā)工具，強(qiáng)大的代碼助手幫你快速完成開發(fā)，同時(shí)還包括最全面的語(yǔ)法庫(kù)和瀏覽器兼容性數(shù)據(jù)，幫你快速完成開發(fā)，讓瀏覽器碎片化不再頭痛。目前主流的前端開發(fā)工具有Sublime為代表的文本編輯器，以及Webstorm、Brackets、Dreamweaver、vs等IDE。但說(shuō)道為HTML5設(shè)計(jì)或做了特殊優(yōu)化的，只有HBuilder、Webstorm和Brackets。同時(shí)，它還包括最全面的語(yǔ)法庫(kù)和瀏覽器兼容性數(shù)據(jù)。hbuilder編輯器支持邊改邊看功能，一邊寫代碼，一邊看效果，還有強(qiáng)悍的轉(zhuǎn)到定義和一鍵搜索，并且hbuilder擁有環(huán)保綠色的界面，讓你長(zhǎng)期編程不會(huì)過(guò)度疲勞，讓眼爽，舒心?，F(xiàn)在移動(dòng)端市場(chǎng)份額越來(lái)越大，所以HTML5開發(fā)現(xiàn)在也是熱門行業(yè)，而我們這款軟件可以更方便的讓設(shè)計(jì)師開發(fā)出專業(yè)的項(xiàng)目，越來(lái)越多的開發(fā)者放棄了Webstorm、Brackets、Dreamweaver、vs而換成了hbuilder來(lái)開發(fā)HTML5頁(yè)面。強(qiáng)大的代碼助手幫你快速完成開發(fā)。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫，它基于Eclipse，所以順其自然地兼容了Eclipse的插件。非常的好用的一款軟件，有需要的小伙伴們趕緊前來(lái)下載吧！

Hbuilder綠色版【軟件特點(diǎn)】

在HBuilder里預(yù)置了一個(gè)hello HBuilder的工程，用戶敲這幾十行代碼后會(huì)發(fā)現(xiàn)，HBuilder比其他開發(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插件。
HBuilder的語(yǔ)法庫(kù)包括W3C的HTML、JAVASCRIPT、CSS的正式標(biāo)準(zhǔn)和推薦標(biāo)準(zhǔn)...，ECMAScript中瀏覽器支持的部分，還有各大瀏覽器的擴(kuò)展語(yǔ)法，webkit、moz、ms，均實(shí)時(shí)更新到各瀏覽器的最新版本。
信息欄中的瀏覽器品牌圖標(biāo)，全亮表示無(wú)障礙支持該語(yǔ)法，全灰表示不支持，而半亮則表示該瀏覽器部分支持該語(yǔ)法。半亮?xí)r會(huì)下圖標(biāo)下方顯示出來(lái)詳細(xì)的支持情況，比如video標(biāo)簽，從IE9才開始支持。
跳轉(zhuǎn)助手、選擇助手、轉(zhuǎn)義助手、快捷鍵助手，讓你手不離鍵盤。 HTML5+支持、電腦真機(jī)連調(diào)、云編譯，方便開發(fā)跨電腦平臺(tái)的APP。 更多精彩功能：重構(gòu) | 大綱 | 任務(wù) | 版本歷史 | 內(nèi)置webserver | 實(shí)時(shí)升級(jí) | 安全工程管理 | 包圍 | 掩碼轉(zhuǎn)換 | 智能糾錯(cuò) | 折疊代碼 | 轉(zhuǎn)到定義 | 格式化代碼 | URL編解碼 | 進(jìn)制轉(zhuǎn)換 | 自動(dòng)閉合。
1、內(nèi)置代碼輸入法，按數(shù)字快速輸入候選項(xiàng)。
2、可編程代碼塊，一個(gè)代碼塊，少敲50個(gè)按鍵。
3、各種代碼提示，不僅僅是語(yǔ)法。
4、跳轉(zhuǎn)助手，手不離鍵盤。
5、多語(yǔ)言支持，輕松兼容。
6、邊看邊寫，效果實(shí)時(shí)展現(xiàn)。
7、護(hù)眼主題，關(guān)愛你的眼睛。

Hbuilder綠色版【常見問題】

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

Hbuilder綠色版【基本介紹】

如何調(diào)整HBuilder的字體大小？
1、首先打開HBuilder之后，點(diǎn)擊工具——選項(xiàng)。
2、跳出選項(xiàng)頁(yè)面，展開HBuilder
3、在HBuilder下選擇主題。
4、點(diǎn)擊“選擇”按鈕
5、根據(jù)你的需求，選擇字體類型和大小。然后點(diǎn)擊確定。
6、然后你的字體就會(huì)發(fā)生變化，字體大一點(diǎn)是不是看起來(lái)舒服一點(diǎn)。

HBuilder如何解決亂碼問題？
1、打開HBuilder這個(gè)軟件，要保證正常運(yùn)行HBuilder。檢查沒有其他錯(cuò)誤，比如插件問題，自動(dòng)閃退等等現(xiàn)象。
2、在正常運(yùn)行情況下，新建一個(gè)html文件，輸入中文。選擇“文件”—>"其他編碼格式打開"—>"utf-8"。
3、現(xiàn)在“工具-選項(xiàng)”彈出框架
4、在常規(guī)里有“工作空間”，文本文件編碼的其他改成：utf-8。
5、改完以上問題，我們發(fā)現(xiàn)我們中文頁(yè)面沒有亂碼。
6、最后關(guān)閉軟件，重啟軟件并新建html文件，再次訪問就正常了。

HBuilder怎樣設(shè)置驗(yàn)證php的語(yǔ)法？
1、首先要先打開HBuilder，創(chuàng)建一個(gè)項(xiàng)目
2、軟件最上方，找到工具欄上的工具
3、單擊工具找到選項(xiàng)
4、找到選項(xiàng)打開彈窗口
5、找到HBuilder，找語(yǔ)法驗(yàn)證器設(shè)置，單擊叉號(hào)
6、點(diǎn)擊應(yīng)用和確定，然后在寫代碼時(shí)候出錯(cuò)了，就會(huì)有提示

Hbuilder綠色版【使用教程】

下載解壓后，即可點(diǎn)擊進(jìn)入HBuilder的根目錄，找到HBuilder.exe文件，點(diǎn)擊打開。
第一次打開會(huì)提示需要進(jìn)行注冊(cè)，當(dāng)然也可以不注冊(cè)，直接進(jìn)入使用。
注冊(cè)根據(jù)提示輸入郵箱賬號(hào)和設(shè)置密碼即可
初次進(jìn)入HBuilder，會(huì)進(jìn)行一些初始化設(shè)置。
第一步：護(hù)眼主題設(shè)置，根據(jù)自己的喜好進(jìn)行設(shè)置。
第二步：設(shè)置顯示標(biāo)準(zhǔn)，根據(jù)個(gè)人喜好進(jìn)行配置一下，點(diǎn)擊確認(rèn)并關(guān)閉，設(shè)置完成。這樣就可以開始寫第一個(gè)WEB項(xiàng)目了。

Hbuilder綠色版【常用快捷鍵】

HBuilder常用快捷鍵大概共9類（【4 13 3】文件、編輯、插入；【4 9 8】選擇、跳轉(zhuǎn)、查找；【1 1 6】運(yùn)行、工具、視圖）
1.文件(4)
新建 Ctrl + N
關(guān)閉 Ctrl + F4
全部關(guān)閉 Ctrl + Shift + F4
屬性 Alt + Enter
2.編輯(13)
激活代碼助手 Alt + /
激活快捷鍵視圖 Ctrl + Shift + L
開啟關(guān)閉注釋整行 Ctrl + /
開啟關(guān)閉注釋已選內(nèi)容 Ctrl + Shift + /
刪除當(dāng)前行 Ctrl + D
刪除當(dāng)前標(biāo)簽 Ctrl + Shift + T
刪除至行首 Shift + Backspace
刪除至行尾 Shift + del
合并下一行 Ctrl + Alt + J
整理代碼格式 Ctrl + Shift + F
向下移動(dòng)行 Ctrl + 向下
向上移動(dòng)行 Ctrl + 向上
選中當(dāng)前行 Ctrl + L
3.插入(3)
重復(fù)插入當(dāng)前行或選中區(qū)域 Ctrl + Shift + R
快速插入
(在html中) Shift + Enter
快速插入n(在css或js中) Shift + Enter
4.選擇(4)
向左選詞 Ctrl + Shift + 向左
向右選詞 Ctrl + Shift + 向右
選擇相同詞 Ctrl + Shift + A
選擇成對(duì)內(nèi)容 Ctrl + ‘[‘
5.跳轉(zhuǎn)(9)
上一個(gè)選項(xiàng)卡 Ctrl + Tab
前一詞 Ctrl + 向左
后一詞 Ctrl + 向右
轉(zhuǎn)到上一個(gè)文本輸入點(diǎn) Alt + 向上
轉(zhuǎn)到下一個(gè)文本輸入點(diǎn) Alt + 向下
行首 Home
行尾 End
頁(yè)首 Ctrl + Home
頁(yè)尾 Ctrl + End
6.查找(8)
搜索條 Ctrl + F
搜索框 Ctrl + H
查找文件 Ctrl + T
隱藏搜索條 ESC
聚焦到搜索條件框內(nèi) Ctrl + Alt + F
聚焦到替換輸入框內(nèi) Ctrl + Alt + E
在搜索條內(nèi)換行 Alt +Enter
HTML標(biāo)簽規(guī)范 Ctrl + Shift + H
7.運(yùn)行(1)
運(yùn)行 Ctrl + R
8.工具(1)
CSS/HTML語(yǔ)法校驗(yàn) Ctrl + Shift + V
9.視圖(6)
活動(dòng)視圖或編輯器最大化 Ctrl + M
顯示行號(hào)菜單 Ctrl + F10
激活邊看邊改視圖 Ctrl + P
激活開發(fā)視圖 Ctrl + Shift + P
全部折疊 Ctrl + Alt + -
全部展開 Ctrl + Alt + +

Hbuilder綠色版【更新日志】

1.大幅度優(yōu)化構(gòu)建性能
2.App打包時(shí)增加對(duì)Google開發(fā)者證書的App包名不能以大寫字母開頭的校驗(yàn)
3.解決搜索框（Ctrl+H）在存在當(dāng)前項(xiàng)目的情況下,有時(shí)卻不能選擇"當(dāng)前項(xiàng)目"為搜索范圍的問題
4.解決邊看邊改瀏覽器內(nèi)使用復(fù)制粘貼等快捷鍵時(shí)會(huì)觸發(fā)編輯器內(nèi)的相同快捷鍵的問題
5.解決有時(shí)啟動(dòng)后沒有獲取焦點(diǎn)的問題
6.解決manifest編輯器有時(shí)修改后不生效的問題
7.解決windows下有時(shí)無(wú)法創(chuàng)建桌面快捷方式的問題
8.解決有時(shí)暫不登錄后無(wú)法正常啟動(dòng)的問題