# visual-editor-example

**Repository Path**: asd2015/visual-editor-example

## Basic Information

- **Project Name**: visual-editor-example
- **Description**: 一个可视化编辑器的基本示例，用于演示可视化开发的原理；支持组件拖拽、页面和组件配置、查看schema、预览运行等基本功能。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://visual-example.netlify.app
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-11-19
- **Last Updated**: 2024-11-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# visual-editor-example

一个可视化编辑器的基本示例，用于演示可视化开发的原理，支持组件拖拽、页面和组件配置、查看schema、预览运行等基本功能。
![pic](screenshot.png)

## 推荐的 IDE 设置

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)

## 使用说明

### 安装依赖

```sh
npm install
```

### 运行预览

```sh
npm run dev
```

### 构建项目

```sh
npm run build
```