# vxe-design-template

**Repository Path**: x-extends/vxe-design-template

## Basic Information

- **Project Name**: vxe-design-template
- **Description**: Vxe 可视化设计器模板
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://vxeui.com/design-template/
- **GVP Project**: No

## Statistics

- **Stars**: 17
- **Forks**: 8
- **Created**: 2024-10-18
- **Last Updated**: 2025-09-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 低代码, 零代码, 表单设计器, 列表设计器, 流程设计器

## README

# Vxe 可视化设计器模板

一个基于 [Vxe UI](https://vxeui.com) 可视化设计器模板，支持添加自定义控件、支持控件扩展属性，可以轻松搭建零代码/低代码等平台。

## 版本

基于 Vxe v4.x 对应 vue3.x 版本

## 浏览器支持

![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png)
--- | --- | --- | --- | --- |
80+ ✔ | 80+ ✔ | 90+ ✔ | 75+ ✔ | 10+ ✔ |

## 在线预览

👉 [点击查看 v4.x](https://vxeui.com/design-template/)  

## 目录说明

* plugins
  * vxe
    * form 表单渲染器（表单渲染存放这里）
    * formDesign 设计器渲染器（设计器控件存放这里）
    * table 表格渲染器（单元格渲染存放这里）

## 克隆代码
```
git clone https://gitee.com/x-extends/vxe-design-template.git
```
或
```
git clone https://github.com/x-extends/vxe-design-template.git
```

### 切换目录
```
cd vxe-design-template
```

### 设置镜像源(可忽略)
```
npm config set registry https://registry.npmmirror.com
```

### 更新依赖
```
npm run update
```

### 运行项目
```
npm run serve
```

### 打包zip
```
npm run build:zip
```

## Contributors

Thank you to everyone who contributed to this project.

[![vxe-design-template](https://contrib.rocks/image?repo=x-extends/vxe-design-template)](https://github.com/x-extends/vxe-design-template/graphs/contributors)

## License

[MIT](LICENSE) © 2019-present, Xu Liangzhan