在HBuilder中一個名為擴展代碼塊的功能。

擴展代碼塊

看,它就在上方工具欄的工具選項中,分為自定義html代碼塊,
自定義js代碼塊,
自定義css代碼塊,
自定義jquery代碼塊。
以下便是自定義html代碼塊的一部分

那么它的作用是什么呢?
在我們使用HBuilder編寫代碼時,它會有一部分的代碼提示,比如

我們可以為了更多的代碼提示和更快的編程來使用自定義代碼塊,例如我想輸入js中創建標簽的一段代碼
var newElenment = document.createElement();
我在編輯器中便可以這么輸入

點擊回車
![]()
這是自定義js代碼塊中的一個完整的代碼塊;
snippet "document.createElement()" do |s|
寫入的是提示的內容 document.createElement()
s.trigger = "dc"
寫入的是當前你輸入的快捷鍵,就好比我輸入的’dc‘;
s.expansion = "document.createElement(\"$1\")$0;"
最后你部分是你所需的代碼 其中$0、$1是光標的停留和切換位置。$1是第一個停留光標,$0是最后回車時停留的光標。
end
代碼塊的結束
這樣我們就可以將我們常用的代碼寫成代碼塊,方便我們的編寫。
