# vue3-flow-design

**Repository Path**: zhangyeping/vue3-flow-design

## Basic Information

- **Project Name**: vue3-flow-design
- **Description**: Vue3 Flow Design流程设计器，基于Vue3 + TypeScript + Vite + Ant Design Vue 3 + JSPlumb
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: develop
- **Homepage**: http://47.106.144.239:8082
- **GVP Project**: No

## Statistics

- **Stars**: 129
- **Forks**: 52
- **Created**: 2022-07-17
- **Last Updated**: 2025-06-06

## Categories & Tags

**Categories**: workflow

**Tags**: TypeScript, vue3, JSPlumb, ant-design-vue, flow-design

## README

#### 在线演示

[点击预览](http://47.106.144.239:8082/)

#### 介绍

- VUE3 FLOW DESIGN 流程设计器，基于 Vue3 + TypeScript + Vite + Ant Design Vue 3 + JSPlumb，你也可以选择 VUE2 版本[Vue-flow-design-plus](https://gitee.com/zhangyeping/vue-flow-design-plus)。
- Vue3 版本以全新的技术栈重构了代码，并在原版基础上实现了更好的操作方式，新版会作为优先版本持续迭代。

#### 环境版本

- 新的技术栈需要较高的 node 版本，我用的 node: v16.15.1, npm: 8.11.0

#### 技术栈

- VUE3
- TypeScript
- Vite
- Ant Design Vue 3
- JSPlumb
- resizable-dom
- vue3-json-viewer
- ...

#### 操作命令

- 安装项目 node_modules 包：yarn or pnpm

- 启动项目：yarn run dev or pnmp run dev

- 构建项目 dist 文件夹资源：yarn run build or pnpm run build

#### 效果演示

- 最新界面效果 ![01](README.assets/01.png)