我正在参加 Gitee 2025 最受欢迎的开源软件投票活动,快来给我投票吧!
https://gitee.com/activity/2025opensource?ident=ID1KKL



VTJ.PRO

AI 驱动的 Vue3 低代码开发平台


star npm version npm downloads npm license

内置低代码引擎、渲染器与代码生成器,实现 Vue 源码与低代码 DSL 的双向智能转换。专为前端开发者打造,开箱即用

无缝融入现有工程零侵入开发流程与编码习惯。

核心特性

  • ⚙️ 主流技术栈: 基于 Vue3 + TypeScript + Vite 构建,深度整合 ElementPlus、Axios、ECharts 等主流工具链,开箱即用。

  • 🧩 源码级自定义: 低代码设计器支持源码级自由定制,无缝实现传统编码开发的所有功能,满足深度个性化需求。

  • 🚀 零适应成本: 完全遵循前端开发习惯,Vue开发者无需额外学习,设计器与本地项目环境天然融合。

  • 🔌 引擎化扩展: 内置可拆解的低代码引擎,支持独立调用,快速构建自有低代码平台,扩展能力无上限。

  • 💻 源码零污染: 采用设计器-渲染器分离架构产物为纯净Vue代码支持直接二次开发杜绝环境侵入。

  • 📦 高复用物料库: 内置多套企业级组件库+页面模板,提供可定制区块组件,大幅提升标准化开发效率。

  • 🤖 AI智能提效: 支持通过自然语言/设计稿/网页截图智能生成Vue组件,快速实现需求可视化。

  • 🔄 双向代码转换: 独创 DSL与Vue源码双向编译能力,保障低代码与手写代码的自由切换。

设计器预览

试用体验

一、在线体验

访问VTJ专属低代码开发平台创建应用可以体验设计器和出码功能。

二、本地体验 (强烈推荐:功能全, 性能最佳)

VTJ支持多种平台应用开发可以使用脚手架搭建相应平台的项目工程。命令

  1. Web应用(PC端)

    npm create vtj@latest --registry=https://registry.npmmirror.com -- -t app
    
  2. H5应用(移动端)

    npm create vtj@latest --registry=https://registry.npmmirror.com -- -t h5
    
  3. uni-app(跨端应用)

    npm create vtj@latest --registry=https://registry.npmmirror.com -- -t uniapp
    
  4. 物料开发项目

    npm create vtj@latest --registry=https://registry.npmmirror.com -- -t material
    

贡献指南

VTJ支持多种方式对设计器进行扩展通常情况下你不需要用到源码如果需要深度定制或与业务捆绑时才有可能需要用源码进行二开欢迎各位喜欢VTJ的开发者贡献代码。

开发环境要求

VTJ 使用了最新的 Vue3 生态技术栈,要求 Node 版本必须是 v20+ 建议使用 nvm 切换 Node 版本。 开发项目工程采用lernapnpm 包管理工具,需要全局安装。

npm install -g lerna@latest pnpm@latest --registry=https://registry.npmmirror.com

如果需要二开或贡献代码可以拉取仓库master分支。

快速开始

git clone https://gitee.com/newgateway/vtj.git
cd vtj
npm run setup && npm run build && npm run app:dev
  • 首次启动需要执行初始化:npm run setup && npm run build
  • 重启开发环境:npm run app:dev
  • 清理项目:npm run clean 清理后需要重新执行初始化

技术交流

钉钉群、 微信群(加好友拉进群备注vtj)

优秀案例

悦码低代码平台

悦码是诗悦网络采用VTJ搭建低代码平台,已上线投产。 特点:
1. 通过无界渲染器可跨技术栈引入低代码页面,实现低代码页面跨技术栈复用,包括:react next.js vue svelte
2. 多应用独立设计器
多应用独立设计器 用户生命周期 静态资源管理

寄云科技低代码开发平台

已接入VTJ作为云画面的交互画面设计器之一实现与平台深度融合快速响应业务需求构建应用已成功服务于多家世界500强工业企业。

产品主页地址:https://www.neucloud.cn/product/lcdp

江西七叶莲科技

接入VTJ本地版本使用AI生成页面集成到芋道项目。

媒体报道

Description
🔥 基于 Vue3 + Typescript 的低代码页面可视化设计器。内置低代码引擎、渲染器和代码生成器,面向前端开发者,开箱即用。 无缝嵌入本地开发工程,不改变前端开发流程和编码习惯。
Readme MIT 213 MiB
Languages
TypeScript 72.5%
Vue 16.9%
HTML 6.3%
SCSS 3.5%
JavaScript 0.4%
Other 0.4%