關於HBuilder的一些使用技巧。


在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        

代碼塊的結束

這樣我們就可以將我們常用的代碼寫成代碼塊,方便我們的編寫。

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM