首页 > 网页制作 >TinyEngine 2.11发布:AI融入画布,Vue工程一键转DSL

TinyEngine 2.11发布:AI融入画布,Vue工程一键转DSL

来源:互联网 2026-07-18 08:15:14

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 助手

TinyEngine 2.11发布:AI融入画布,Vue工程一键转DSL

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

TinyEngine 2.11发布:AI融入画布,Vue工程一键转DSL

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

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

  • file 启动模式:mockserver 新增 file(默认为 db)启动方式。使用该模式时,mockserver 接口从文件(data/**/*.json 文件)中获取数据,并同步更新到文件中。
    使用方式:
    (1). 在项目根目录执行 pnpm dev:file,file 模式启动后,创建页面和创建应用
    TinyEngine 2.11发布:AI融入画布,Vue工程一键转DSL
    (2). 项目生成相应的 json 文件
    TinyEngine 2.11发布:AI融入画布,Vue工程一键转DSL

  • 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)
    TinyEngine 2.11发布:AI融入画布,Vue工程一键转DSL
    TinyEngine 2.11发布:AI融入画布,Vue工程一键转DSL
    (2). 生成页面、应用
    TinyEngine 2.11发布:AI融入画布,Vue工程一键转DSL

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

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

TinyEngine 2.11发布:AI融入画布,Vue工程一键转DSL

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 在真实场景中不断淬炼成长。

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

侠游戏发布此文仅为了传递信息,不代表侠游戏网站认同其观点或证实其描述

热游推荐

更多
湘ICP备14008430号-1 湘公网安备 43070302000280号
All Rights Reserved
本站为非盈利网站,不接受任何广告。本站所有软件,都由网友
上传,如有侵犯你的版权,请发邮件给xiayx666@163.com
抵制不良色情、反动、暴力游戏。注意自我保护,谨防受骗上当。
适度游戏益脑,沉迷游戏伤身。合理安排时间,享受健康生活。