hbuilderv(HTML5開發(fā)工具) v8.9.1最新版HTML開發(fā)軟件

hbuilderv(HTML5開發(fā)工具)是一款非常熱門的HTML開發(fā)軟件，軟件最大的優(yōu)勢就是快，軟件還包括非常全面的語法庫和瀏覽器兼容性數(shù)據(jù)。

hbuilderv(HTML5開發(fā)工具)基本簡介

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

hbuilderv(HTML5開發(fā)工具)特色

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

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

hbuilderv(HTML5開發(fā)工具)使用教程

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

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

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

Q:為什么有時候我輸入代碼塊的名稱，卻沒有出現(xiàn)想要的代碼塊?A:代碼塊的顯示名稱和激活字符是不同的，查看激活字符請在激活代碼助手后選擇代碼塊，看右邊信息欄的詳情

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

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

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

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

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

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

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

hbuilderv(HTML5開發(fā)工具)怎么打包?

1.首先先安裝HBuilder編輯器。

2.HBuilder編輯器 菜單---->文件---->新建---->App項目---->新增項目名字---->選擇實例模板。

3.新建后，在manifest.json里面修改需要生成的h5頁面路徑，可以使用本地文件，也可以使用上線的鏈接。

4.路徑指定好后，在目錄右鍵---->發(fā)行---->發(fā)行為原裝安裝包---->然后需要我們配置參數(shù)，因為很多功能暫時沒用到，我們可以填寫test防止留空。

5.這時候即可進行打包，打包的時候可能會提示網(wǎng)絡問題無法打包，這時候多試幾次即可。上傳后，需要等待2-3分鐘讓其打包。

6.下載完成后，即可手機上安裝測試，其中也可以在電腦端按照手機模擬器測試，我們已安卓為例，可以使用“pp助手”，“夜游神”等模擬器。

7.安裝成功后，再點擊test1的圖標安卓模擬即可開啟h5的頁面測試了。

hbuilderv(HTML5開發(fā)工具)更新日志

修復問題

解決某些情況下Android手機真機運行無法連接到手機的問題