HBuilder開發(fā)工具電腦版

HBuilder功能介紹

1.執(zhí)著于更快一步的理念，hx的左側項目管理器是單擊響應而不是雙擊。

2.單擊展開目錄，單擊預覽文件，雙擊打開文件。

3.預覽文件時頂部標簽卡是斜體的，此時繼續(xù)預覽其他文件會替換預覽標簽卡。雙擊文件后標簽卡為正體，不會被替換。預覽的文件一旦開始編輯，也會自動變?yōu)檎酱蜷_狀態(tài)。

HBuilder特色說明

1、代碼塊：一個代碼塊，少敲20下鍵盤

圖標為codeblock的候選項為代碼塊。

代碼塊是常用的代碼組合，比如在js中輸入$，回車，則可以自動輸入document.getElementById(id)。

2、全時提示

HBuilder不僅僅提示全面的語法，非語法的各種候選輸入也都能提示。包括圖片、鏈接、顏色、字體、腳本、樣式、URI、ID、class、自定義JS對象、方法。

舉例，在img src="failure" data-original=后激活代碼助手，可以看到本工程所有圖片列表;輸入

3、Emmet支持

HBuilder內嵌了emmet(即zencoding)插件。輸入div#id1，按下tab，可以自動生成。

Emmet的詳細語法請查閱其官方網站emmet.io。

HBuilder常見問題

問：什么叫滾動條信息點?

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

問：怎么實現(xiàn)代碼追蹤?

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

問：輸入small不提示，語法庫是不是不全?

答：代碼塊是否提示，取決于是否設置了這個代碼塊，代碼塊是可自定義的。

默認沒有預置small代碼塊，你也可以在代碼塊彈出界面點右下角的編輯圖標，進行代碼塊的補充修改。

另外可以使用emmet(ZenCoding)語法，這個沒有提示，但敲完small，按tab，就會自動生成標簽。emmet是一種前端公開技術，網上教程很多。

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

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