# vuc

**Repository Path**: loftyhu/vuc

## Basic Information

- **Project Name**: vuc
- **Description**: vue文件的可视化设计器；支持直接导入vue文件、导出为vue文件、组件拖拽
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 57
- **Created**: 2022-10-25
- **Last Updated**: 2022-10-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vuc

`vue3.0`版本[看这](../../../vuc3)

> vue文件的可视化设计器；支持组件拖拽、导出为vue文件。
- 在线预览 [github地址](https://yuexing91.github.io/vuc-demo/) [gitee地址](http://yuexing91.gitee.io/yuexing91.github.io/vuc-demo/) 
- demo [github地址](https://github.com/yuexing91/vuc-demo) [gitee地址](https://gitee.com/yuexing91/vuc-demo)
- [文档](./docs/index.md)

![演示图片](https://img.wenhairu.com/images/2022/02/23/RRUB3.gif "演示图片")

* 所见即所得
* 支持自定义扩展
* 支持任意模板片段
* 支持扩展模块
* 支持vue文件中的data、computed、watch、methods可视化维护
* 支持template节点中的props、style（暂时只支持静态样式）、directive、event

## 优点
> 相对于传统设计器生成的json配置，vuc直接生成的是vue文件更加适合二次开发。

## 适用场景

* 低代码平台
* 表单设计器
* 报表设计器


## 安装

``` bash
npm install vuc-designer --save

```
# 使用
> 建议参考 [demo](https://github.com/yuexing91/vuc-demo)

开源不易，star一下给点动力