本篇次要是介绍一下如何搭建 dubbo admin，基于 0.3.0 版本。
源码下载
首先咱们去 github 上下载一下 dubbo-admin 的源码，地址 https://github.com/apache/dub…
，抉择对应的版本，这里抉择最新的 0.3.0 版本。
下载完后用 idea 关上
这里咱们只有关注 dubbo-admin-server 和 dubbo-admin-ui 两个我的项目，最新版本的 admin 是采纳前后端拆散的，后盾就是 server 我的项目，前端就是这个 ui 我的项目。
启动后盾
我这里用 idea 形式启动，你也能够本人打包之后通过 java -jar dubbo-admin.jar 形式启动。
批改配置
找到 server 端的 application.properties 文件，批改对应的 zookeeper 配置地址以及端口号（如果端口号没抵触能够不改）
我本地改了 zookeeper 地址，另外两个地址别离是配置核心和元数据中心的，能够不动。
启动
改完之后就能够间接启动了。当然顺利的话，这里就完结了（前面能够跳过），然而我这边不是很顺利，启动失败，谬误如下：
翻下去会看到这条谬误，大略就是连贯 zookeeper 失败了。
然而咱们的 zookeeper 地址和端口通过 cmd 命令是通的，这时候只能调试了。
大略是这段逻辑抛出来的，这里不讲细节逻辑，大略是同步期待 zookeeper 连贯胜利，后果等待时间到了仍然发现没胜利，于是就抛出了失败的异样（具体起因不在这里剖析）。这里咱们只有缩短连贯等待时间即可，我这里是调整为 10 秒（默认是 5 秒）。
启动前端
前端用的是 vue 框架做的，这里我也没学过 vue，依据 github 提醒操作就行。没装置过 npm 的先装置一下。关上命令行窗口，进入到 ui 代码的目录下：
执行 npm install，把你这个 vue 我的项目中用到的依赖都给下过去，它是基于 package.json 来下载对应依赖包的。
下载实现之后，执行 npm run dev，该命令示意执行 dev 字段对应的脚本内容，这里对应的就是
执行完之后，就胜利了，呈现如下后果
在 vue 页面里，用到 script 时，idea 默认会缩进两个空格，而 eslint 校验时会认为这是不符合规范的。如果你在执行过程中呈现一些 error，都是一些语法类的校验谬误，比方 expected indentation of 0 spaces but found 2 能够不必理睬，也能够通过 idea 的配置来解决
最初关上对应的地址：http://localhost:8082/
这里默认的用户名明码是 root/root，当然你要改的话，就在后盾那个我的项目的 application.properties 配置文件中改一下，比方我这里就把用户名改成了 don
最初试下登录
完满登录!
总结
任何你认为简略的事件，在做的时候往往没有那么简略，还是须要多练练。另外这里也波及到 vue 的一些常识，这个我的项目也能够拿来当简略的源码学习。
github 地址：https://github.com/apache/dub…
npm run 命令相干材料：https://www.jianshu.com/p/553…