目录推荐几个好用的工具进入正题1. 安装插件扩展模块:2. 注册插件到全局或实例总结推荐几个好用的工具 var-conv 适用于vscode IDE的代码变量名称快速转换
LogicFlow 是一款流程图编辑框架,提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制
LogicFlow支持前端研发自定义开发各种逻辑编排场景,如流程图、ER图、BPMN流程等。在工作审批配置、机器人逻辑编排、无代码平台流程配置都有较好的应用。
这一节将讲解快速上手 LogicFlow 流程图编辑框架的插件用前准备工作,项目整体基于vue3+Vite3+Ts4开发,为帮助还为熟练使用 Vue3 和 typescript 语法的小伙伴提供便利,如果你已经很熟练在Vue3中的开发习惯,建议直接访问 LogicFlow 将获取完整的入门指南。
当你真的需要用到插件的功能时可以安装下面这个模块,每个模块各司其职:
npm i @logicflow/extension
插件的注册分为两种,分别是注册到全局和注册到实例,这个就需要按你业务的实际需要来设置了:
Vue
的 main.ts
入口文件中即可import { BpmnElement } from '@logicflow/extension';
LogicFlow.use(BpmnElement);
plugins
注册import LogicFlow from "@logicflow/core";
import { DndPanel, SelectionSelect, Group } from "@logicflow/extension";
import "@logicflow/core/dist/style/index.CSS";
import "@logicflow/extension/lib/style/index.css";
const lf = new LogicFlow({
container: document.querySelector("#app"),
grid: true,
plugins: [DndPanel, SelectionSelect, Group]
});
这一节的内容就到此结束了,本小节内容简单,主要是为了提供一份可以为后续内置插件和自定义插件的使用提供一份可以fork的代码仓库,本节源码将使用注册到实例的方式操作,搞定后就马上要开始插件部分的学习了~
以上就是LogicFlow插件使用前准备详解的详细内容,更多关于LogicFlow插件用前准备的资料请关注编程网其它相关文章!
--结束END--
本文标题: LogicFlow插件使用前准备详解
本文链接: https://www.lsjlt.com/news/178600.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0