Vite Vue3 Lowcode

Overview:

This is a project based on Vite2.x + Vue3.x + TypeScript aimed at creating a low-code platform for H5 development. It is currently a simple template but may introduce a more comprehensive system in the future. The project provides an opportunity to explore interesting new features and functionalities of Vue3.

Features:

• Operation History Snapshot: Support for generating Vue template components.
• Component Outline Tree: Generate an outline tree for components.
• Form and List Templates: Provide common form and list templates.
• Data Binding: Support v-for data binding.
• Custom Logic Execution: Execute custom logic in a sandbox environment.
• Custom Code Completion with Monaco Editor: Define custom code completion rules with Monaco Editor.
• Custom Renderer with Vue3 createRenderer: Customize rendering based on Vue3’s createRenderer.
• Schema-based Data Structure Description: Utilize Schema to describe data structures for generating validation functions.

Installation:

To clone the project and build it:

git clone <repository_url>
cd project-directory
npm install
npm run build

Summary:

The project is a low-code platform for H5 development built with the latest technologies such as Vite2.x, Vue3.x, and TypeScript. It aims to provide features like generating Vue components, managing data sources, and offering predefined functions. While currently a basic template, it plans to undergo a complete overhaul and redesign in the latter half of 2022 to become a more functional low-code platform.