VTJ的AI助手支持识别 Sketch 和 Figma 设计稿的元数据,当需要高精度还原设计图时,您可以使用这种方式通过AI开发页面组件。 Sketch 和 Figma 的元数据文件是一个json格式的文件,可以通过VTJ官方提供的插件导出。 体验: https://vtj.pro/ Sketch元数据导出插件 安装Sketch插件 下载 vtj-sketch-plugin 插件 解压后把 vtj.sketchplugin 复制到 Sketch 导出Sketch元数据 打开Sketch,选中你需要导出的图层,然后点击菜单: 插件 > vtj-sketch-plugin > 导出图层元数据。 选择文件保存位置,即可导出json文件。 AI识别元数据 打开VTJ设计器在 在AI助手新建话题 选择元数据,选择导出的 Sketch 或 Figma 元数据json文件,即可通过AI高精度还原设计图。
VTJ.PRO 是一个基于 Vue3 和 TypeScript 构建的开源 AI 低代码引擎,它能让你在享受可视化开发高效率的同时,依然保持对代码的完全控制,非常适合想要快速开发企业级应用的开发者。 为了让你快速了解 VTJ.PRO 的全貌,下面这个表格汇总了它的核心特性:特性维度说明核心定位开源 AI 低代码引擎,致力于 “降低复杂度,不降低自由度”。 如何开始体验按照以下步骤,你可以快速搭建一个功能完善的 VTJ.PRO 低代码开发环境: 获取环境与授权 访问 VTJ.PRO 的官方网站在线体验,或使用脚手架创建本地项目:npm create vtj 理解项目结构:熟悉VTJ特有的目录,如负责设计器扩展的 /src/extension/install.ts 和定义后端API的 /src/apis,这对后续自定义开发至关重要。 希望这份指南能帮助你顺利开启 VTJ.PRO 的低代码之旅。如果你对特定的功能(如权限控制的详细实现或 AI 辅助开发的具体场景)有更深入的兴趣,我很乐意提供更多我知道的信息。
平台架构概述VTJ 平台生态系统由四个主要实施组成:VTJ 提供全面的多平台部署支持,涵盖 Web、移动和跨平台环境。平台层将低代码设计转换为针对每个目标运行时的优化应用程序。 完整的平台矩阵VTJ 支持通过专用适配器部署到多个平台类别:平台包目标环境主要用例@vtj/web桌面 Web使用 Element Plus 的标准 Web 应用程序@vtj/h5移动网页针对移动设备优化的 H5 应用程序@vtj/pro开发环境可视化设计师和 IDE@vtj/pro-uni专业版 + 跨平台带 Uni-App 预览的专业 IDE@vtj/uni-app跨平台应用程序原生应用和小程序Web 它为 VTJ 应用程序提供标准的 Web 运行时。 /renderer工作:~VTJ 渲染引擎@vtj/uni-app工作:~VTJ UniApp 集成构建命令该平台提供了广泛的构建命令矩阵:# Development commandsnpm run
本文档介绍了 VTJ 通过 Uni-App 集成的跨平台开发能力,支持从单个 VTJ 项目部署到移动应用程序、小程序和多个平台目标。 架构概述VTJ 的 Uni-App 集成由两个主要包组成:@vtj/uni 提供核心集成层,以及演示跨平台部署能力的示例应用程序。 包结构@vtj/uni核心集成包提供了 VTJ 低代码引擎和 Uni-App 运行环境之间的桥梁:该软件包可导出 ES 模块和 UMD 构建,支持不同的使用模式和构建系统。 Renderer 集成Uni-App 平台集成了 VTJ 的渲染器系统,在 Uni-App 运行环境中提供低代码功能:该集成保留了 VTJ 的设计时功能,同时利用了 Uni-App 的跨平台编译。 元件库集成Uni-App 项目既可以使用 VTJ 的组件库,也可以使用 Uni-App 的原生组件:元件源使用上下文集成方法@dcloudio/uni-ui平台原生组件直接 Uni-App 集成@vtj
开发者实测:“以前用其他平台生成的代码像‘天书’,现在VTJ.PRO的代码直接能读能改,甚至比手写的还规范!” 新手开发者:“我是个Vue小白,但VTJ.PRO的界面和操作逻辑和平时写代码差不多,跟着文档半小时就能上手做页面了!”四、谁在用VTJ.PRO? 抢先用上这款“开发神器”VTJ.PRO完全开源,没有任何使用门槛! 你可以:访问官方仓库( https://gitee.com/newgateway/vtj ),直接下载源码研究;通过在线沙盒(https://lcdp.vtj.pro)秒级体验设计转代码功能;本地部署: 执行 npm create vtj@latest -- -t app,5分钟启动你的第一个低代码项目!
用于数据可视化的图表组件@vtj/icons、@vtj/utils、echarts@vtj/renderer0.12.40低代码 DSL 的运行时渲染器@vtj/core、@vtj/utils@vtj/ @vtj/local0.12.40本地开发服务@vtj/编码器、@vtj/核心、@vtj/节点、@vtj/解析器@vtj/pro0.12.40带 IDE 的专业平台@vtj/核心、@vtj/designer 、@vtj/本地、@vtj/materials、@vtj/renderer@vtj/web0.12.40Web 平台实施@vtj/图表、@vtj/核心、@vtj/渲染器、@vtj/UI@vtj/uni0.12.40UniApp 支持包@vtj/core、@vtj/renderer、@vtj/utils@vtj/uni-app0.12.40UniApp 平台实现@vtj/核心、@vtj/渲染器、@vtj/uni@vtj/cli0.12.4 @vtj/专业版、@vtj/Web材料材质编辑器@vtj/专业版、@vtj/Web插件插件开发@vtj/专业版、@vtj/WebLCDP 系列在线演示@vtj/网页、@vtj/专业版这些示例展示了 VTJ
更多优势与技术基础除了上述AI能力,VTJ.PRO能实现高效开发还得益于以下几点:双向代码自由穿梭:这是VTJ.PRO的基石。 企业级工程化支持:VTJ.PRO并非一个简单的原型工具。 无缝的开发者体验:VTJ.PRO的设计初衷是无缝嵌入开发者现有的工作流。 总结VTJ.PRO通过将AI深度融入到"双向代码自由穿梭"的架构中,实现了从"辅助工具"到"智能伙伴"的进化。 如果你想进一步了解,可以访问其官方开源仓库或通过npm create vtj@latest命令在本地体验。
VTJ 插件系统提供了一个可扩展性框架,允许开发人员为 VTJ 低代码平台创建和分发自定义组件、功能和集成。该系统使第三方开发人员能够扩展核心平台功能,同时保持不同 VTJ 平台实施之间的兼容性。 插件架构概述VTJ 插件系统遵循模块化架构,其中插件作为独立软件包开发,可与核心 VTJ 生态系统无缝集成。每个插件都是一个独立的 Vue.js 组件库,可以动态加载到 VTJ 应用程序中。 开发依赖项VTJ 插件在开发过程中可以访问完整的 VTJ 生态系统:包目的@vtj/core核心引擎和数据模型@vtj/designer可视化设计器集成@vtj/pro专业的平台功能@vtj/webWeb 平台实用程序@vtj/ui组件库@vtj/icons图标系统@vtj/utils效用函数构建过程插件构建系统支持多种输出格式,以保证不同部署场景的兼容性:插件构建工作流程插件注册和发现VTJ 平台根据 /newgateway/vtj
一键复制粘贴跨页面,17个快捷键让开发效率飙升50%业内领先的开源AI低代码开发引擎VTJ.PRO再次带来重磅更新! 低代码领域的又一次飞跃VTJ.PRO一直秉持"降低复杂度,不降低自由度"的理念,这次更新再次证明了这一点。 VTJ.PRO通过这次更新,进一步巩固了其在企业级低代码开发领域的领先地位。 立即体验VTJ.PRO完全开源且无商业限制,开发者现在就可以通过以下方式体验新功能:访问在线设计器:https://vtj.pro使用脚手架创建本地项目:npm create vtj@latest此次更新只是 VTJ.PRO roadmap中的一步,开发团队表示未来将继续深化AI辅助开发能力,进一步打通设计与开发之间的壁垒。
今天,我们就来深度解析VTJ.PRO的前端架构,看看这套现代Vue 3应用程序是如何通过精巧的模块化设计,实现“一套代码,多端运行”的。 什么是VTJ.PRO? VTJ.PRO 荣获 Gitee 2025 年度开源项目大前端赛道 Top3,Gitee Stars 已达 10K!这一荣誉标志着 VTJ.PRO 在 AI 与低代码融合领域的创新获得业界高度认可。 整体架构概览VTJ.PRO前端采用分层架构设计,每一层都承担明确的职责,并通过清晰的接口进行交互:这种分层设计使得VTJ.PRO既能保持核心逻辑的稳定性,又能灵活适配不同的运行环境。 这种双重抽象让VTJ.PRO能够精确控制不同环境下的行为表现。 现在就来体验 VTJ.PRO,感受这套精心设计的前端架构如何让你的开发效率提升10倍!本文基于VTJ.PRO前端架构文档编写,深入解析了其设计理念和实现细节。
VTJ 开发人员工具生态系统核心开发人员工具VTJ 生态系统包括几个提供开发工具和基础设施的核心软件包:核心开发包关键工具功能包主要功能主要出口@vtj/cli构建工具和开发服务器createViteConfig 本地开发架构开发服务器功能特征包依赖目的文件上传@vtj/localformidable处理开发中的文件上传代码生成@vtj/local@vtj/coder、@vtj/parser生成和解析 Vue SFC 文件API 代理@vtj/local@vtj/node开发期间的代理 API 请求文件作@vtj/nodeFS-extra、 AXIOS文件系统和 HTTP 作扩展性框架VTJ 为开发人员提供了多个扩展点 @vtj/designer 摩纳哥编辑,highlight.js设计时功能自定义渲染器@vtj/renderer@vtj/core、@vtj/utils运行时渲染逻辑构建插件@vtj/cliVite、Rollup CLI 使用以下命令(在项目 package.json 中提供)支持简化的开发工作流程:命令描述vtj dev启动开发服务器vtj build为生产而构建vtj preview预览生产版本vtj test
源码仓库:https://gitee.com/newgateway/vtj目的和范围本文档简要概述了 VTJ 低代码平台,包括其架构、关键组件和设计理念。 AI 驱动的开发功能VTJ 将 AI 功能集成到整个开发管道中,重点是图像到代码的生成和智能辅助:AI 集成架构开始VTJ 提供了几种开始使用该平台的方法:使用 create-vtj 创建项目create-vtj 、@vtj/core、@vtj/renderer设计器@vtj/pro使用 Designer 的企业平台@vtj/renderer、@vtj/local、 @vtj/materials移动式 H5@vtj /h5移动 Web 应用程序vant、@vtj/core、@vtj/rendererUniApp@vtj/uni-app跨平台应用(iOS/Android/小程序)@dcloudio/uni-app、@ vtj/uni、@vtj/renderer平台架构当前版本VTJ 的当前版本是 0.12.40,在 monorepo 中的所有软件包之间同步。
这一幕,正随着 VTJ.PRO 率先接入谷歌 Gemini 3.0 而在无数开发团队中上演。 01 低代码革命:当 VTJ.PRO 遇上 Gemini 3.0行业首个融合 Gemini 3.0 的低代码平台 VTJ.PRO 再次成为焦点,它已经成功接入谷歌刚刚发布的 Gemini 3.0。 当这些能力被注入 VTJ.PRO 的低代码引擎,企业级应用开发的效率边界被彻底重塑。 现在,任何开发者都可以通过几种方式立即体验这一革命性平台:访问在线沙盒(https://lcdp.vtj.pro)秒级体验设计转代码功能;本地部署:执行npm create vtj@latest -- 在这个 “效率为王” 的时代,VTJ.PRO 让每一行代码自由呼吸,让每一个创意极速落地。
VTJ.PRO 选择用 NestJS + 模块化 + AI 赋能,给你一套开箱即用的开发体验。大家好,我是 VTJ.PRO 的技术作者。今天我们不聊前端可视化,而是深入 VTJ.PRO 的后端核心。 这不再是科幻,而是 VTJ.PRO 已经实现的功能。05 数据库与迁移 —— 生产级稳健VTJ.PRO 使用 MySQL + TypeORM,所有实体关系清晰。 07 立即体验 VTJ.PRO如果你正在寻找一个强大的低代码后端解决方案,或者想研究现代 Node.js 后端的最佳实践,VTJ.PRO 绝对值得你一试。 访问 VTJ.PRO 注册账号,立即开始你的低代码之旅! 开源版已发布,欢迎 Star 关注。你的下一个 AI + 低代码产品,可能只需要一个 VTJ.PRO。觉得文章有帮助? VTJ.PRO 团队
如果你还在被这些问题折磨,那刷爆 Gitee 的 VTJ.PRO,早该进你的收藏夹了!这款 AI 驱动的 Vue3 低代码平台,用 “双向自由 + AI 神助攻”,让开发效率直接狂飙 300%。 “以前用低代码怕被绑架,现在用 VTJ.PRO 像请了超级助手!” 某电商中台开发负责人直言。 2. 300%制造企业组件复用率低自动归档私有物料库复用率达 90% 谁该立刻用 VTJ.PRO? 零门槛体验攻略在线试玩:访问 lcdp.vtj.pro 秒级体验设计转代码;本地部署:执行命令直接启动项目npm create vtj@latest --registry=https://registry.npmmirror.com -- -t app挖源码宝藏:Gitee 代码仓库 https://gitee.com/newgateway/vtj,无套路!
01 什么是VTJ.PRO?低代码开发新纪元VTJ.PRO是一款基于Vue3 + TypeScript的低代码开发工具,它内置了设计器引擎、渲染器和代码生成器。 02 为何选择VTJ?四大优势征服前端开发者① 面向前端,零学习成本VTJ完全不改变前端开发流程和编码习惯。如果你会Vue,你就会使用VTJ,不需要额外学习新技术。 03 三步上手,快速入门VTJ开发环境准备VTJ要求Node版本必须是v20+,建议使用nvm切换Node版本。这是唯一的硬性要求,非常简单。快速创建项目VTJ提供了项目脚手架,可快速创建新项目。 06 不止于开发,VTJ生态与企业级应用VTJ已经在实际生产环境中得到了广泛应用。许多企业已经基于VT构建了自己的低代码平台。 而VTJ.PRO正在让高效开发的未来更快地到来。
VTJ.PRO的特点与优势VTJ.PRO具有丰富的组件库,涵盖了表单、报表、图表等多种类型,能够满足不同业务场景的需求。其可视化的开发界面使得非专业开发人员也能够参与到系统的开发中,降低了开发门槛。 此外,VTJ.PRO还支持与多种数据库和系统进行集成,具有良好的兼容性和扩展性。以表单开发为例,VTJ.PRO提供了多种表单模板和字段类型,用户可以通过拖拽的方式快速设计出符合业务需求的表单。 同时,评估VTJ.PRO与现有系统的兼容性,制定详细的集成计划。例如,某金融企业计划将VTJ.PRO集成到其核心业务系统中,用于开发新的理财产品销售模块。 同时,评估了VTJ.PRO与现有数据库和系统的兼容性,制定了详细的集成方案。环境搭建与配置根据集成计划,搭建VTJ.PRO的开发环境,并进行必要的配置。 包括安装VTJ.PRO开发工具、配置数据库连接、设置系统参数等。确保VTJ.PRO能够与传统业务平台进行正常的通信和数据交互。
2025 年 8 月 28 日,VTJ.PRO 宣布推出 Swagger 导入 API 功能,该功能旨在进一步简化开发流程,降低 API 管理门槛。 VTJ.PRO 此次更新允许开发者通过 Swagger JSON 文件一键导入 API 定义,自动生成对应的低代码模型和服务。 01 功能核心价值:快速集成与效率提升VTJ.PRO 的新功能主要解决了开发者在 API 管理和初始化阶段的痛点。 未来,VTJ.PRO 将继续深耕低代码与 AI 的融合,探索更智能的 API 生成、管理和测试方案,为开发者提供更强大的工具支撑。VTJ.PRO 始终致力于通过技术创新提升开发效率。 开源仓库:https://gitee.com/newgateway/vtj
领先的开源AI低代码引擎VTJ.PRO正式发布v0.13.15版本。该版本重点推出了对vue-i18n国际化的深度集成支持,标志着VTJ.PRO已完成对企业级应用核心能力的全面构建。 VTJ.PRO自诞生之初便致力于为开发者提供高性能、高自由度的低代码开发体验。本次更新可视为其迈向成熟企业级解决方案的关键一步。 为开发者创造真正价值VTJ.PRO始终秉持“降低复杂度,不降低自由度”的理念。 体验与了解更多VTJ.PRO是一个开源项目,开发者可以免费使用并参与贡献。 立即在线体验:https://vtj.proGitee开源地址:https://gitee.com/newgateway/vtj关于VTJ.PRO:VTJ.PRO是一款开源AI低代码引擎,基于Vite
本文档介绍了支持 VTJ 开发和部署的命令行界面工具、构建过程和项目基架系统。它解释了开发人员如何通过 CLI 命令与 VTJ 交互,monorepo 构建系统如何工作,以及如何创建和配置新项目。 CLI 包体系结构VTJ CLI 作为 @vtj/cli 软件包实现,该软件包用作整个 VTJ 生态系统的中央构建工具。 项目脚手架系统create-vtj 软件包提供项目基架功能,允许开发人员使用预配置的模板快速引导新的 VTJ 项目。 平台构建矩阵平台包构建工具输出格式目标环境Web@vtj/webViteES 模块 + UMD现代浏览器H5 移动版@vtj/h5ViteES 模块 移动网页Uni-App@vtj/uni-appUni-App 源码仓库https://gitee.com/newgateway/vtj