当前位置: 移动技术网 > IT编程>开发语言>JavaScript > (一)EasyFlow使用教程,怎么集成

(一)EasyFlow使用教程,怎么集成

2020年08月10日  | 移动技术网IT编程  | 我要评论
本文介绍如何将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集成到自己的项目中进行使用。

  1. 下载源码

  2. 在自己的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"
    
  3. easy-flow/src/components/ef 目录复制到自己工程的一个目录 /src/views

  4. 修改工程中main.js文件,引入elementUIeasy-flow样式

     import ElementUI from 'element-ui'
     import 'element-ui/lib/theme-chalk/index.css'
     import '@/这个为复制后的目录,src就不要写了/ef/index.css'
     Vue.use(ElementUI, {size: 'small'})
    
  5. 在自己的工程中配置一个路由,指向 /src/components/ef/panel.vue

    {
    	path: '/easyFlow'
    	component: import('@/components/ef/panel.vue')
    }	
    
  6. 启动工程,访问 http://ip:port/easyFlow 即可

本文地址:https://blog.csdn.net/u011035845/article/details/107895678

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网