使用eletron-vue制作zookeeper图形化客户端工具zk-view-tool，mac和win都可本地安装是使用

项目背景

近来研究zookeeper发现没有一款很好用的zookeeper图形化客户端工具，idea中虽然有一款类似的插件，但总感觉会占用太多内存导致电脑变卡，而且不支持多客户端接入。又由于自己之前了解到到electron.js可以基于前端（html+css+js）做桌面软件，于是决定自己做一个桌面软件来使用。

源码地址

 https://github.com/yangyuscript/zk-view-tool.git   (时间紧促，所以代码质量需要提升：）)

安装包下载试用

云盘下载：https://pan.baidu.com/s/1mZei2inQrkcpZ5R4STOL5Q 提取码：j03o

项目技术栈

• electron.js
• electron-vue
• vue.js
• node-zookeeper-client
• node.js
• element-ui

产品功能

• 多客户端接入及删除
• 点击节点查看节点信息，目前仅限于查看功能
• 刷新客户端数据

开发准备

1.安装node.js，确保终端执行命令：node -v ，npm -v查看版本

2.使用vue-cli创建electron-vue项目

tip:

electron官网地址: https://www.electronjs.org/

electron-vue官网地址：https://simulatedgreg.gitbooks.io/electron-vue/content/cn/

element-ui地址：https://element.eleme.cn/#/zh-CN

vue地址: https://cn.vuejs.org/

效果图展示

 

安装包下载

云盘下载：https://pan.baidu.com/s/1mZei2inQrkcpZ5R4STOL5Q 提取码：j03o

 

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:9080
npm run dev

# build electron application for production
npm run build