前言：这个工程是为了将我们zookeeper注册中心可视化的web程序，大家需要事先有一个zookeeper注册中心以及下载了node.js、maven、jdk，这里我给出我的环境，大家可以根据我们环境来进行一个快速入门

node.js:12.14.0

maven:3.6.0

jdk:11

zookeeper:3.5.6

GitHub - Peaceuai/dobbo-admin（大家如果需要node.js和zookeeper可以到这里直接拿就行了，可以给我的项目一个star，谢谢啦~）

一、下载我们的dobbo-admin工程

大家点击下面链接去下载压缩包

GitHub - Peaceuai/dobbo-adminx（可以给我的项目一个star，谢谢啦~）

下载完成之后放到一个单独的文件夹下面，解压缩

二、修改配置文件

修改我们注册中心的地址

点击进去，发现有一个dubbo-admin-server的文件夹，点进去 src - main - resources - application.properties

编辑这个文件，修改这三行，将他们的地址改成你自己注册中心的地址

三、打包

之后回去我们一开始看到dobbo-admin-server的目录下面

在这个目录下按住shift，在空白处右键，点击《在此处打开powershell窗口》

之后输入下面这行命令(后面一串是跳过测试，直接打包)，注意这里命令需要将你的maven仓库配置进去系统的环境变量中，确定是否配置进环境变量的方法就是打开cmd，输入mvn -v，如果成功显示有版本号就表示成功

mvn clean package -Dmaven.skip.test=true

最后如果出现BUILD SUCCESS则代表打包成功啦~

四、启动springboot项目（后端）

然后进入dubbo-admin-distribution - target

在这个目录下按住shift，在空白处右键，点击《在此处打开powershell窗口》

输入下面这行命令，启动我们的web程序，记得启动之后不要关闭这个窗口

java -jar .\dubbo-admin-0.1.jar

五、启动vue项目（前端） 

回去我们一开始看到dobbo-admin-server的目录下面

进入duboo-admin-ui文件夹里面

在这个目录下按住shift，在空白处右键，点击《在此处打开powershell窗口》

输入下面这行代码

npm run dev

之后它会提示你一个地址：http://localhost:8081，在浏览器输入之后，等待个几分钟，就可以看到啦~（为什么需要等待个几分钟呢，主要是因为它会请求一个js文件，这个文件获取需要一些时间）