(一)EasyFlow使用教程,怎么集成
程序员文章站
2022-06-19 15:43:42
本文介绍如何将easyflow集成到自己的项目中进行使用。下载源码在自己的vue工程中找到package.json,在dependencies中引入如下依赖(不用额外引入jsplumb) "element-ui": "2.9.1", "lodash": "4.17.15", "vue": "^2.5.2", "vue-codemirror": "^4.0.6", "vuedraggable": "2.23.0"将easy-flow/src/components/ef...
本文介绍如何将easyflow集成到自己的项目中进行使用。
-
在自己的vue工程中找到package.json,在dependencies中引入如下依赖(不用额外引入jsplumb)
"element-ui": "2.9.1", "lodash": "4.17.15", "vue": "^2.5.2", "vue-codemirror": "^4.0.6", "vuedraggable": "2.23.0"
-
将easy-flow/src/components/ef 目录复制到自己工程的一个目录 /src/views 下
-
修改工程中main.js文件,引入elementUI和easy-flow样式
import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' import '@/这个为复制后的目录,src就不要写了/ef/index.css' Vue.use(ElementUI, {size: 'small'})
-
在自己的工程中配置一个路由,指向 /src/components/ef/panel.vue
{ path: '/easyFlow' component: import('@/components/ef/panel.vue') }
-
启动工程,访问 http://ip:port/easyFlow 即可
本文地址:https://blog.csdn.net/u011035845/article/details/107895678
上一篇: 武则天的身体一直都很强劲,为何退位之后不到一年就去世了?
下一篇: Java语法基础 类加载
推荐阅读
-
有道云协作功能怎么用 有道云笔记协作群使用技巧教程图解
-
芒果TV兑换卡怎么使用? 芒果TV使用兑换码兑换会员的教程
-
使用u深度一键还原精灵给电脑重装系统教程
-
qq浏览器微信功能怎么用 qq浏览器微信版使用教程
-
一键ghost硬盘版怎样用?(下载/安装/使用图文教程)
-
u深度一键还原精灵一键ghost备份还原使用教程图解
-
PsCoser怎么使用?PS启动图修改器使用图文教程(附下载地址)
-
CREO镜像命令怎么使用? CREO镜像命令建模的教程
-
Cool Edit Pro怎么用?Cool Edit Pro录音/降调/美化声音的使用方法图文教程
-
pr块溶解怎么使用? premiere素材添加块溶解特效的教程