天天看点

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模板引擎的编辑器就展示得差不多了,有了工具的支持,整个开发效率可以得到显著提升。

也欢迎同学们提出新的需求有意见建议。

此插件即将发布,感兴趣的同学,请关注本人相关信息。