快捷登錄,享 免費下載
首頁 > 軟件下載 > 編程開發(fā) > HBuilder
HBuilder

HBuilder

  • 軟件大小258.55 MB
  • 版本類型官方版
  • 更新時間2019-04-30
  • 版本號9.1.29.0
  • 軟件語言簡體中文
  • 軟件廠商
  • 適用系統(tǒng)WinXP/WIN7/Win8/Win10
  • 軟件授權(quán)免費軟件

HBuilder安裝教程

hbuilder編輯器(HTML5開發(fā)工具)綠色版

HBuilder是款效率超高的HTML開發(fā)工具,通過emmet、sass、less的自動編譯,完整的語法提示和代碼輸入法、代碼塊等,使得HTML、js、css的開發(fā)效率迅速提升,比其他開發(fā)工具至少快5倍。同時,HBuilder還包括最全面的語法庫和瀏覽器兼容性數(shù)據(jù)。HBuilder本身主體是由Java編寫,它基于Eclipse,所以順其自然地兼容了Eclipse的插件。

HBuilder功能

  1. 支持原生sdk集成,離線打包,自由擴展原生能力。
  2. 支持weex原生渲染,提升性能體驗,開放原生ui限制。
  3. HX擁有更漂亮簡潔的界面,黑色主題也是全屏沉浸的黑色。
  4. HX在多光標(biāo)、無拖動選擇、markdown、json、vue開發(fā)優(yōu)化上,有大量的獨創(chuàng)新特色。這些優(yōu)化過的工具使得工作效率提升數(shù)倍,同樣領(lǐng)先于業(yè)內(nèi)其他工具。

Hbuilder使用教程

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

hbuilder編輯器

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

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

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

A:代碼塊是否提示,取決于是否設(shè)置了這個代碼塊,代碼塊是可自定義的。默認沒有預(yù)置small代碼塊,你也可以在代碼塊彈出界面點右下角的編輯圖標(biāo),進行代碼塊的補充修改。另外可以使用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)左右分欄

hbuilder

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

hbuilder編輯器

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

hbuilder

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

hbuilder編輯器

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

hbuilder

下載地址

HBuilder HBuilder編輯器 v9.1.29.0 官方版