VUE--工作流--bpmn.js(一)

JavaScript019

VUE--工作流--bpmn.js(一),第1张

  一个BPMN 2.0渲染工具包和Web建模器。使用JavaScript编写,在不需要后端服务器支持的前提下向现代浏览器内嵌入BPMN2.0流程图。这使得它很容易的嵌入到任何web应用中。这个库既可以是web查看器也可以是web建模器。使用查看器将BPMN2.0流程图嵌入到你的应用中并可以使用数据丰富你的流程图。使用建模器在你的应用内部创建BPMN2.0流程图。

github地址: https://github.com/bpmn-io

实例地址: https://bpmn.io/toolkit/bpmn-js/

http://wkd.to8to.com/

https://github.com/haoyanyu/vue-with-bpmn

必须引入组件:

在了解husky之前,我们需要先了解一下Git Hooks。Git Hooks是git提供的一些回调,在对应的git阶段,执行配置的脚本。

工作流钩子主要为以下4个,执行顺序 pre-commit >prepare-commit-msg >commit-msg >post-commit :

husky 的原理是在 .git/hooks/ 目录下各个钩子文件中添加以下脚本,并读取package.json中的配置,放在对应的钩子中执行:

npm安装完husky后,我们通过在 package.json 中配置,使git在 commit-msg 钩子后执行 bin/check-commit-msg.js :

bin/check-commit-msg.js 内容如下,非0值退出,Git将放弃提交: