开箱即用，一款基于Vue3 + TypeScript的低代码开发神器！

简介

VTJ 是一款基于 Vue3 + Typescript 的低代码页面可视化设计器。内置低代码引擎、渲染器和代码生成器，面向前端开发者，开箱即用。无缝嵌入本地开发工程，不改变前端开发流程和编码习惯。

特征

• 流行的技术栈： Vue3、Typescript、Vite、EelementPlus、VueUse、Axios、ECharts、Lodash、Monaco Editor、Prettier 等。

• 自由个性化： 低代码设计器支持源码级别的自定义，可轻松适配个性化需求，理论上写代码开发能实现的在设计器上都能完成。

• 低学习成本： 专为前端开发者设计，无需改变您熟悉的前端开发流程和编码习惯。只需了解Vue，即可轻松上手，实现无缝对接，真正做到零学习成本。

• 高扩展性： 配备了先进的内置低代码引擎，通过配置化构建方式，赋予您对所有部件的完全自定义能力。您可以单独运用此引擎，自主打造专属的低代码平台。

• 无污染，可二开： 设计器无缝嵌入本地项目开发环境，既安全又便捷，轻松接入。同时，采用创新的设计器和渲染器分离模式，确保项目代码保持纯净，不受任何污染，并且产物支持二次开发。

• 物料丰富： 此外，还内置了多款常用、功能强大的组件库以及丰富的页面模板，不仅支持高度定制，还提供了可复用的区块组件，助您高效构建出色的应用。

快速上手

使用脚手架创建项目

打开终端工具输入命令运行

npm create vtj@latest -- -t app

如npm访问不了，可以尝试使用镜像：

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

项目创建完成后进入，按提示进入目录 安装依赖 和 启动开发环境

npm run setup && npm run dev

看到以下页面，项目已正常运行，你可以开始使用设计器以低代码的方式开发应用了。

界面截图

开源地址

https://gitee.com/newgateway/vtj