游乐游手机版
首页/前端开发/文章详情

TinyEngine 2.11新版本发布:AI进一步融入画布,Vue工程可一键转DSL

时间:2026-07-19 06:23
TinyEnginev2 11发布,新增AI助手深入画布节点,支持Vue项目或单文件一键转换为DSL并导入设计器;mockserver支持文件启动模式,配合dsl-generator技能实现本地Agent生成页面;预览模式自动格式化代码,物料生态持续扩充。

前言

低代码平台建设过程中,技术底座选型始终是一个核心议题。TinyEngine 的定位,正是为团队提供一套高度可定制的基础设施——它不仅支持可视化页面搭建等核心能力,更重要的是,通过 CLI 工程化方式支持深度二次开发,帮助开发团队快速构建专属的低代码平台。

资源编排、服务端渲染、模型驱动应用,以及移动端、大屏端、复杂页面编排等场景,TinyEngine 均能灵活应对。近期,我们正式发布了 TinyEngine v2.11 版本,升级重点聚焦于三个方向:更智能的开发体验、更流畅的资产导入能力,以及更完整的设计器物料生态。

本次版本的新特性与问题修复,得到了不少开发者朋友的贡献,特别感谢 @zjy2414 的积极参与。也欢迎更多开发者加入开源社区,共同推动 TinyEngine 持续进化。

变更特性概览

  • 【新特性】支持Vue项目/单文件导入低代码平台
  • 【新特性】画布节点添加 AI 助手入口快速修改
  • 【新特性】支持将mockserver文件作为数据库,并添加dsl-generator技能
  • 【新特性】在预览模式下自动格式化生成的代码
  • 【增强】robot插件迁移TinyRobot到0.4.0版本
  • 【增强】组件物料更新
  • 【其他】功能细节优化与bug修复

新特性解读

1.【新特性】支持Vue项目/单文件导入低代码平台

本次版本新增了从 Vue 源码导入到设计器的完整链路。许多团队在引入低代码平台时,最大的障碍往往不是“能否新建页面”,而是“已有的 Vue 项目如何迁移”。如果历史页面、组件和工程资产无法复用,低代码体系容易沦为孤岛,推广成本也会显著升高。2.11.0 提供的 Vue to DSL 能力,正是为了解决这一痛点。

它支持将 Vue 单文件、项目目录或 zip 包解析为 TinyEngine DSL schema,并进一步导入为页面、区块、资源和依赖数据,方便设计器继续编辑和预览。

(1).导入Vue单文件

(2).导入项目目录

(3).导入zip包

(4).导入后的画布呈现以及i18n、数据源、页面/应用状态等面板展示

(5).项目导入后预览

2.【新特性】画布节点添加 AI 助手入口快速修改

在 2.11.0 版本中,AI 能力进一步深入设计器画布。新增的画布节点 AI 助手,让开发者在页面搭建过程中,能够围绕具体节点获得更自然的辅助支持。相比停留在对话层面的 AI 接入,这种贴近实际编辑场景的能力,使智能辅助真正融入低代码研发主流程,帮助开发者更高效地完成页面编排与应用构建。

(1).在画布的每个节点上都有AI助手

(2).节点AI助手与robot插件是同一个配置

(3).向节点AI助手发起会话,完成会话后可以选择采纳、放弃或重新发起会话

3.【新特性】支持将mockserver文件作为数据库,并添加dsl-generator技能

  • file启动模式:mockserver 新增file(默认为db)启动方式。使用该模式时,mockserver接口从文件(data/**/*.json文件)中获取数据,并将更新回写到文件中。
    使用方式:
    (1).项目根目录执行 pnpm dev:file,file模式启动后,创建页面、创建应用 (2).项目生成相应的 json 文件

  • dsl-generator skill:新增项目级skill,可在 Claude Code/Cursor/OpenCode/Codex 等本地Agent中使用该skill生成页面/区块/应用的DSL,并写入 data/**/*.json中。配合file启动模式,实现让本地AI Agent工具直接生成页面/区块/应用。
    使用方式:
    (1).使用claude code调用skill (.agents/skills -- 支持cursor/opencode/codex等, .claude/skills -- 软链接指向.agents/skills, 支持claude code)

    (2).生成页面、应用

4.【新特性】在预览模式下自动格式化生成的代码

  • 在公共 AST 工具中增加对 Vue 和 Less 格式化的支持。
  • 实现基于文件扩展名的 Prettier 解析器自动选择功能。
  • 页面预览/应用预览中所有生成的代码文件(脚本、模板及配置文件)均可经过格式化,以提升可读性。

5.【能力增强】

本次版本还同步推动了 Robot 插件迁移至 TinyRobot 0.4.0。这类升级的意义在于,AI 相关能力要真正稳定服务于设计器场景,不能只依靠前端交互层拼接,而需要底层插件体系持续增强。TinyRobot 升级到 0.4.0,可以理解为 TinyEngine 在 AI 助手、智能交互、机器人能力集成这条链路上的一次基础加固。

在设计器物料能力方面,v2.11继续扩充常用组件支持。新版本加入了 action-menu、alert、link、divider、anchor、drawer、container、file-upload 等组件及相关图标能力,也补充了 dropdown 等常用组件支持。

6.【其他】功能细节优化与bug修复

  • onUpdate 前缀事件名称保存失败
  • 序列化 page_content 以解决 mockserver 创建页面错误
  • 部分图表预览无法显示
  • 添加 css结构化 特性开关
  • 优化模型、资源、工具和ai对话框样式,替换部分图标
  • 更新生成代码单元测试
  • 添加模型管理Mock
  • 不同应用程序创建同一页面时出现的错误消息
  • 移除暴露密钥的工作流级环境变量块
  • 数据源配置支持无需请求配置的接口成功亦可保存
  • 修复robot插件在消息渲染与图片上传场景下的交互问题,并补充对应测试用例
  • 文档更新
    • 添加建立代码指令文档
    • 部署工作流支持自定义后端URL

结语

从 AI 辅助深入画布,到 Vue 工程反向导入 DSL,再到组件生态和本地调试能力持续完善,TinyEngine v2.11 正在让低代码平台建设这件事,变得更智能、更开放,也更贴近真实研发流程。

这不仅仅是一个版本的更新,更是社区共建成就的见证。开源的意义不仅在于代码共享,更在于思想碰撞与协作共创。正是每一位用户的使用、反馈与贡献,让 TinyEngine 在真实场景中不断淬炼成长。

未来之路,我们继续同行。

来源:https://juejin.cn/post/7662382891234869257
上一篇jQuery表单验证从零基础入门到实战案例一步步完整教程 下一篇MarkView纯前端Markdown实时预览工具架构设计
本站内容用于信息整理与展示,如有侵权或内容问题请及时联系处理。

相关推荐

补充同频道和同主题内容,方便继续浏览更多相关内容。

同类最新

继续查看同栏目最近更新的文章。

更多
CSS浮动元素垂直居中的实现方法与技巧
前端开发 · 2026-07-19

CSS浮动元素垂直居中的实现方法与技巧

浮动元素脱离文档流导致无法垂直居中,传统方法失效。推荐使用inline-block配合vertical-align或Flexbox布局实现居中;绝对定位加transform仅适用于遗留系统兼容。

Three.js入门教程从零基础到实战应用快速上手
前端开发 · 2026-07-19

Three.js入门教程从零基础到实战应用快速上手

Three js是基于WebGL的JavaScript库,用于简化浏览器中三维图形开发。其核心包括场景、相机、渲染器、几何体、材质和光源,通过组合可构建基础三维场景。学习路径涵盖几何体与材质类型、光源运用、纹理加载、模型导入及交互实现(如射线投射),并需关注几何体合并等性能优化方法。

项目中高效使用ListView的实战经验
前端开发 · 2026-07-19

项目中高效使用ListView的实战经验

ListView作为常见UI组件,其高效使用对项目性能至关重要。通过合理复用视图、异步加载数据和优化布局层次,可显著提升列表流畅度与响应速度。结合实际案例,解析了避免内存泄漏、处理复杂布局及分页加载等关键技巧,为开发实践提供有效参考。

不同ListView框架优缺点深度对比
前端开发 · 2026-07-19

不同ListView框架优缺点深度对比

主流ListView框架各有特点。传统ListView简单高效但功能有限,RecyclerView灵活强大但学习成本稍高。选择时需权衡项目需求、开发效率与性能要求,小型快速项目可选前者,复杂动态界面则后者更优。

jQuery表格间选中行精准移动与交换方法
前端开发 · 2026-07-19

jQuery表格间选中行精准移动与交换方法

基于复选框选择,利用jQuery将HTML表格中已勾选的行安全移动到另一张表格,避免整表移除导致的DOM结构丢失和事件失效。该技术适用于权限分配、字段映射等双列表选择器场景,用户勾选后通过点击按钮实现精准移动。