本文介绍如何将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文件，引入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'})
   

5. 在自己的工程中配置一个路由，指向 /src/components/ef/panel.vue

   {
   	path: '/easyFlow'
   	component: import('@/components/ef/panel.vue')
   }	
   

6. 启动工程，访问 http://ip:port/easyFlow 即可