1. Project Overview

VTJ.PRO

VTJ is a low-code visual page designer based on Vue3 + Typescript. It features a built-in low-code engine, renderer, and code generator, designed for frontend developers and ready to use out of the box. It integrates seamlessly into local development projects without changing existing frontend development workflows or coding habits.

2. Open Source License

Licensed under MIT

3. Screenshots

4. Feature Overview

VTJ Features

• Designed for frontend developers without changing existing frontend development workflows or coding habits. If you know Vue, you can use it immediately, with no learning curve.

• Features a built-in code engine with configuration-based development. All components support customization. You can also use the engine independently to build your own low-code platform, comparable to Low-Code Engine.

• The development environment provides local offline services for secure and easy integration. The designer and renderer are separated, keeping generated code isolated from and free of unwanted modifications to your project.

• Includes a rich collection of built-in components and supports customizable, reusable block components.

5. Tech Stack

VTJ is a low-code visual page designer based on Vue3 + Typescript. It features a built-in low-code engine, renderer, and code generator, designed for frontend developers and ready to use out of the box. It integrates seamlessly into local development projects without changing existing frontend development workflows or coding habits.

Visit the dedicated VTJ low-code development platform and create an application to experience the visual designer and code generation features.

Local Setup (Recommended: More Features and Best Performance)

You can use the project scaffolding provided by VTJ to quickly create a demo project. Command:

npm create vtj@latest -- -t app

Contribution Guide

Development Environment Requirements

VTJ uses the latest Vue3 ecosystem technology stack and requires Node version v20 or later. It is recommended to use nvm to switch Node versions. The development project uses lerna and pnpm for package management, which must be installed globally.

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

If you want to customize the project or contribute code, you can clone the master branch of the repository.

Quick Start

Visit Yifei Open Source: https://code.exmay.com/ Download
cd vtj
npm run setup && npm run build && npm run app:dev

• For the first startup, run the initialization command: npm run setup && npm run build

• Restart the development environment: npm run app:dev

• Clean the project: npm run clean. After cleaning, you must run the initialization command again.