代码拉取完成，页面将自动刷新
Solon flow designer 是 vue3 + vite + antd + x6 开发的流程设计器。
目的是为了提供一个简单通用的流程设计器，支持流程的设计、导入、导出等功能。
演示地址：
| 组件 | 版本 | 说明 | 网站 |
|---|---|---|---|
| vue | 3.5 | 前端基础框架 | https://cn.vuejs.org/ |
| vue-router | 4.5 | 前端路由 | https://router.vuejs.org/ |
| fortawesome | 图标库 | https://fontawesome.com/ | |
| codemirror | 6.8 | 代码脚本编辑工具 | https://codemirror.net/ |
| ant x6 | 2.18 | 流程图框架 | http://x6.antv.antgroup.com |
| vite | 6.3 | 前端工具链 | https://cn.vitejs.dev/ |
1、安装node，访问Node.js 中文网 (nodejs.com.cn)
安装完成后，可以通过命令行输入以下命令查看版本号
node -v
npm -v
2、执行npm install 根据package.json中的依赖版本下载依赖包
npm install
3、运行
npm run dev
如果有新的节点类型，需要在 src/views/designer/nodeTypeDef.js 中定义。
nodeTypeDef 属性定义节点的基本信息、样式、图标
groupMap 属性表示分组
不同的节点类型，有不同的编辑表单 一个表单就是一个vue组件
首先在 src/views/designer/nodeForm 下面定义好表单文件vue
然后在 src/views/designer/editor/NodeFormDialog.vue 中引入组件，并在 nodeTypeFormMap 中声明，key 是节点定义的类型，value 是组件
1、配置上下文根
在 vite.config.js 中，配置 base 属性，指定上下文根。
base: '/solon-flow-designer/'
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
