原文由陈恒杰发表于TesterHome社区网站。支持从xmind复制粘贴到百度脑图原生支持的脑图组件。快捷键不好用，前端组件不开源。因此，在社区已有的其他开源脑图组件的基础上，仿照agiletc的脑图组件，仿照一层。很早就确认了可以开源，但是最近一直在忙别的，没时间做。刚好这个周末，另一个同学私聊我，于是抽空把公司的私有库相关资料改成外部npm开源。支持功能：1.百度脑图原有功能（节点编辑、优先级设置、自定义标签设置）2.测试结果注册，数据格式与agileetc现有脑图组件格式一致，即可以直接正确显示和编辑已有的agileetc内置编辑器设置的测试结果3.统计当前选中的节点数，在顶部标题栏添加当前选中节点数统计的文字。相比agileetc，功能少了：1.脑图本身是自动的具有导入导出功能（agiletc服务器有提供，所以前端没有提供）2.添加图片（百度脑图本身没有)3.脑图数据的实时上报和更新特别感谢fudax和MeYoung两位前辈的开源贡献，我只是站在大家的肩膀上，添加了一些角函数。开源地址https://github.com/chenhengjie123/vue-testcase-minder-editor效果[](https://testerhome.com/upload...!large)也可以在本地运行体验一下。克隆代码后，在根目录下：#安装依赖npm--registry=https://registry.npm.taobao.orginstall#在本地运行npmrunlib&&npmrunserve运行后，根据打开即可建议的地址，例如Apprunningat:-Local:http://localhost:8081表示可以使用http://localhost:8081打开项目安装这个组件npm--registry=https://registry.npm.taobao.org在main.js中安装vue-testcase-minder-editorimport'vue-testcase-minder-editor/lib/VueTestcaseMinderEditor.css'importVueTestcaseMinderEditorfrom'vue-testcase-minder-editor'Vue.use(VueTestcaseMinderEditor)该组件依赖vuex进行局部全局配置管理。如果不使用vuex，可以直接在main.js中添加如下代码。Vue.use(Vuex)conststore=newVuex.Store({modules:{caseEditorStore:VueTestcaseMinderEditor.caseEditorStore}})是的话可以按照下面的代码动态注册对应的模块conststore=newVuex.Store({...})//将用例编辑器项目的store模块动态注册到页面
