軟件介紹

Hbuilder特別版是一款支持多種代碼格式的Web開發(fā)編輯器，我們可以使用這款軟件來進(jìn)行Java編寫。當(dāng)然，這款軟件還會免費為用戶提供多種工具，讓你在編寫代碼的時候能夠獲得更多提示，從而幫助你解決代碼寫不出來的問題。有助于編程人員更快提升工作效率。

基本介紹

HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。

目前主流前端開發(fā)工具有Sublime為代表的文本編輯器，以及Webstorm、Brackets、Dreamweaver、vs等IDE。但說道為HTML5設(shè)計或做了特殊優(yōu)化的，只有HBuilder、Webstorm和Brackets。

Hbuilder特別版功能介紹

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

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

安裝步驟

一、在本站下載最新版的HBuilder安裝包，雙擊打開。

二、軟件就安裝好啦。

Hbuilder特別版使用技巧

下載解壓后，即可點擊進(jìn)入HBuilder的根目錄，找到HBuilder.exe文件，點擊打開。

第一次打開會提示需要進(jìn)行注冊，當(dāng)然也可以不注冊，直接進(jìn)入使用。

注冊根據(jù)提示輸入郵箱賬號和設(shè)置密碼即可

初次進(jìn)入HBuilder，會進(jìn)行一些初始化設(shè)置。

第一步：護(hù)眼主題設(shè)置，根據(jù)自己的喜好進(jìn)行設(shè)置。

第二步：設(shè)置顯示標(biāo)準(zhǔn)，根據(jù)個人喜好進(jìn)行配置一下，點擊確認(rèn)并關(guān)閉，設(shè)置完成。這樣就可以開始寫第一個WEB項目了。

Hbuilder特別版常見問題

Q:什么叫滾動條信息點?

A:當(dāng)代碼中有重要的標(biāo)記出現(xiàn)時，會生成滾動條信息點，在滾動條右側(cè)出現(xiàn)顏色各異的點。點擊這些點或使用跳轉(zhuǎn)到下一個信息點功能，可以快速到達(dá)這些代碼處。如下標(biāo)記會生成信息點：書簽、任務(wù)、錯誤提示。

Q:怎么實現(xiàn)代碼追蹤?

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

Q:輸入small不提示，語法庫是不是不全?

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

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

A:代碼塊的顯示名稱和激活字符是不同的，查看激活字符請在激活代碼助手后選擇代碼塊，看右邊信息欄的詳情

Q:編輯器怎么實現(xiàn)分欄?

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

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

左右分欄實現(xiàn)效果：

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

上下分欄實現(xiàn)效果：;

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