設計理念及常用功能

設計理念

HBuilder追求無滑鼠的極速操作,有很多的快捷設定,包括語法庫/語法結構模型/AST語法分析引擎

HBuilder主要用於開發html/js/css,同時配合HTML的後端指令碼語言如php/jsp也可以適用,還有前端的預編譯語言如less及markdown都可以良好的編輯

常用功能

程式碼塊:一個程式碼塊少敲20下鍵盤

程式碼塊是常用的程式碼組合,比如在js中輸入$,回車,則可以自動輸入document.getElementById(id);在HTML中輸入i,回車,可以得到input button標籤

1

程式碼塊啟用字元原則1:連續單詞的首字母;比如:dg啟用document.getElementById(""),vari啟用var i=0,dn啟用display: none

程式碼塊啟用字元原則2:整段HTML一般使用tag的名稱;比如script/style,通常,敲最多4個字母即可匹配到需要的程式碼塊,不需要完整錄入,如sc回車/st回車,即可完成script/style標籤的輸入

程式碼塊啟用字元原則3:同一個tag有多個程式碼塊輸出,則在最後加字尾,比如meta輸出,但metau則輸出,metag同理

程式碼塊啟用字元原則4:如果原始語法超過4個字元,針對常用語法,則第一個單詞的啟用符使用縮寫;比如input button,縮寫為inbutton,同理intext是輸入框

程式碼塊啟用字元原則5:js的關鍵字程式碼塊,是在關鍵字最後加一個重複字母;比如if直接敲會提示if關鍵字,但iff回車,則出現if程式碼塊;類似的有forr/withh等;由於funtion字母較長,為加快輸入速度,取fun縮寫,比如funn,輸出function程式碼塊,而funa和func,分別輸出匿名函式和閉包