Tiny模板引擎之工具介绍

(24.47 KB, 下载次数: 0)

下载附件

2015-5-27 10:48 上传

要想做一流的模板引擎，当然有一流的模板编辑器是必须的。

[align=left]Tiny模板引擎推出已经有一段时间了，但是由于其语法是独立的，因此编辑只能采用一般的文本编辑器，但是编辑效率自然就低。还有一种是采用Velocity编辑器进行编辑，但是带来的问题经常会有错误的语法提示，有些语法无法正确提示，总而言之言而总之，就是不好用。那问题已经来了，咋办？答案当然是最好有一个自己的了。[/align]
[align=left] 现在，Tiny模板引擎的专有编辑器来了！[/align]

特性介绍

大纲支持：支持在大纲当中显示一些关键内容，并可以快速定位

语法高亮：支持在编辑器中，根据语法进行着色，使得代码更容易阅读和排错

错误提示：如果模板语言存在错误，则可以在工程导航、错误视图及编辑窗口进行错误提示

代码折叠：支持对代码块进行代码折叠，方便查阅

语法提示：支持Tiny模板引擎语法提示及Html语法提示方便快速录入

快速定位：支持Tiny模板中开始语句与结束语句间快速切换

变量快速提示：点鼠标点击某变量时，会高亮显示文件中的所有同名变量

宏定义对应位置显示：在tiny块处理的标签头部按ctrl时，会高亮显示与其对应的#end，反之亦然

格式化：可以按快捷键ctrl+shift+F进行格式化了

注释处理：可以按快捷键ctrl+/来进行快速设置单行注释或取消单行注释，可以按ctrl+shift+/来进行快速设置块注释或取消块注释

截图介绍

[align=left] 大纲支持，现在支持宏定义，布局定义，布局实现，变量定义四种，可以通过双击大纲树中的节点，快速定位并选定相关的内容[/align]



1.png (32.99 KB, 下载次数: 0)

下载附件

2015-5-27 10:46 上传

[align=left] 语法着色，这里的颜色是我自己乱配的，仅用于展示效果，后面会让美工仔细配配颜色[/align]



2.png (10.81 KB, 下载次数: 0)

下载附件

2015-5-27 10:46 上传

[align=left] 错误提示，当写的模板有错误的时候，在项目导航，编辑窗口及错误视图中都会同步显示：[/align]
[align=left] [/align]
[align=left] 点击编辑器前面的X，可以显示详细的错误信息：[/align]



3.png (11.58 KB, 下载次数: 0)

下载附件

2015-5-27 10:46 上传

[align=left] 代码折叠[/align]



4.png (11.12 KB, 下载次数: 0)

下载附件

2015-5-27 10:48 上传

[align=left] 语法提示[/align]



5.png (25.55 KB, 下载次数: 0)

下载附件

2015-5-27 10:48 上传

[align=left] 也支持模糊匹配，可以看到输入了oc，实际上就过滤了只包含包含o和c的提示内容[/align]



7.png (24.47 KB, 下载次数: 0)

下载附件

2015-5-27 10:51 上传

[align=left] 除了模板语言的提示，也支持Html语法的支持：[/align]
[align=left] [/align]
[align=left] 当然，对html的支持不能仅仅是支持标签，属性也要支持：[/align]



1.png (20.41 KB, 下载次数: 0)

下载附件

2015-5-27 10:54 上传

[align=left] 快速切换：[/align]



2.png (7.22 KB, 下载次数: 0)

下载附件

2015-5-27 10:54 上传

[align=left] 当用ctrl+鼠标左键点击#end时，会快速定位到对应的宏标签头部，当用ctrl+鼠标左键点击宏标签头部时，可以快速定位到对应的#end。[/align]
[align=left] 同名变量显示，点击一个变量时，同名变量会高亮显示[/align]



3.png (19.04 KB, 下载次数: 0)

下载附件

2015-5-27 10:55 上传

[align=left] 当在块头或块尾按Ctrl键时，对应的块尾或块头会高亮显示，便于快速定位。[/align]



4.png (9.14 KB, 下载次数: 0)

下载附件

2015-5-27 10:55 上传

[align=left] 格式化之前[/align]



5.png (6.29 KB, 下载次数: 0)

下载附件

2015-5-27 10:55 上传

[align=left] 格式化之后[/align]



6.png (6.91 KB, 下载次数: 0)

下载附件

2015-5-27 10:56 上传

[align=left] 快速注释示例[/align]



7.png (3.11 KB, 下载次数: 0)

下载附件

2015-5-27 10:56 上传



8.png (4.13 KB, 下载次数: 0)

下载附件

2015-5-27 10:56 上传



9.png (5.97 KB, 下载次数: 0)

下载附件

2015-5-27 10:56 上传

总结

[align=left] 至些，Tiny模板引擎的编辑器就展示得差不多了，有了工具的支持，整个开发效率可以得到显著提升。[/align]
[align=left] 也欢迎同学们提出新的需求有意见建议。[/align]
[align=left] 此插件即将发布，感兴趣的同学，请关注本人相关信息。[/align]