天天看點

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

要想做一流的模闆引擎,當然有一流的模闆編輯器是必須的。

現在,tiny模闆引擎的專有編輯器來了!

大綱支援:支援在大綱當中顯示一些關鍵内容,并可以快速定位

文法高亮:支援在編輯器中,根據文法進行着色,使得代碼更容易閱讀和排錯

錯誤提示:如果模闆語言存在錯誤,則可以在工程導航、錯誤視圖及編輯視窗進行錯誤提示

代碼折疊:支援對代碼塊進行代碼折疊,友善查閱

文法提示:支援tiny模闆引擎文法提示及html文法提示友善快速錄入

快速定位:支援tiny模闆中開始語句與結束語句間快速切換

變量快速提示:點滑鼠點選某變量時,會高亮顯示檔案中的所有同名變量

宏定義對應位置顯示:在tiny塊處理的标簽頭部按ctrl時,會高亮顯示與其對應的#end,反之亦然

格式化:可以按快捷鍵ctrl+shift+f進行格式化了

注釋處理:可以按快捷鍵ctrl+/來進行快速設定單行注釋或取消單行注釋,可以按ctrl+shift+/來進行快速設定塊注釋或取消塊注釋

大綱支援,現在支援宏定義,布局定義,布局實作,變量定義四種,可以通過輕按兩下大綱樹中的節點,快速定位并標明相關的内容

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

文法着色,這裡的顔色是我自己亂配的,僅用于展示效果,後面會讓美工仔細配配顔色

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

錯誤提示,當寫的模闆有錯誤的時候,在項目導航,編輯視窗及錯誤視圖中都會同步顯示:

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

點選編輯器前面的x,可以顯示詳細的錯誤資訊:

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

代碼折疊

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

文法提示

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

也支援模糊比對,可以看到輸入了oc,實際上就過濾了隻包含包含o和c的提示内容

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

除了模闆語言的提示,也支援html文法的支援:

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

當然,對html的支援不能僅僅是支援标簽,屬性也要支援:

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

快速切換:

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

當用ctrl+滑鼠左鍵點選#end時,會快速定位到對應的宏标簽頭部,當用ctrl+滑鼠左鍵點選宏标簽頭部時,可以快速定位到對應的#end。

同名變量顯示,點選一個變量時,同名變量會高亮顯示

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

當在塊頭或塊尾按ctrl鍵時,對應的塊尾或塊頭會高亮顯示,便于快速定位。

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

格式化之前

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

格式化之後

Tiny模闆引擎之開發工具特性介紹截圖介紹總結

快速注釋示例

Tiny模闆引擎之開發工具特性介紹截圖介紹總結
Tiny模闆引擎之開發工具特性介紹截圖介紹總結
Tiny模闆引擎之開發工具特性介紹截圖介紹總結

至些,tiny模闆引擎的編輯器就展示得差不多了,有了工具的支援,整個開發效率可以得到顯著提升。

也歡迎同學們提出新的需求有意見建議。

此插件即将釋出,感興趣的同學,請關注本人相關資訊。