# vue-configuration

**Repository Path**: wusyJava/vue-configuration

## Basic Information

- **Project Name**: vue-configuration
- **Description**: 基于vue3实现的svg可视化web组态编辑器。可无需修改代码动态添加组件
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 8
- **Created**: 2022-11-02
- **Last Updated**: 2022-11-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-configuration

> 基于vue3实现的svg可视化web组态编辑器。可无需修改代码动态添加组件
> 该项目是改良版的组态，[原版连接](https://github.com/yaolunmao/vue-webtopo-svgeditor)

## 如何使用

```
# 克隆项目
git clone https://gitee.com/T-super21/configuration.git

# 进入项目目录
cd vue-configuration

# 安装依赖
yarn install

# 启动服务
yarn serve

```

## 操作

点击载入模板  进入预览页点击模拟硬件 等待两秒钟即可看到动态效果

- 鼠标左键选中组件 按住可拖动至画布
- 鼠标双击画布取消选中组件
- 右侧工具栏调整选中组件样式
- 键盘↑↓←→可移动选中组件
- ctrl+c复制当前选中组件
- deleted删除当前选中组件
- 鼠标滚轮放大缩小选中组件