前言

---

本文的原文连接是: https://blog.csdn.net/freewebsys/article/details/88323498
未经博主允许不得转载。
博主地址是：http://blog.csdn.net/freewebsys

1，关于 rancher ui

---

rancher 是非常不错的项目，开源的，用着非常的顺手，但是有个问题。
这个ui 界面是用的 ember 进行开发的。
https://emberjs.com/
https://guides.emberjs.com/release/getting-started/quick-start/
这个 框架的 模板文件是 .hbs 。
剩下的是js。

2，下载ui 启动

---

git clone  https://github.com/rancher/ui.git  rancher-ui
cd rancher-ui
./scripts/update-dependencies
yarn install
yarn start

特别注意 需要 执行 update-dependencies 这文件。
否则会报错：

Error: File to import not found or unreadable: vendor/icons/variables.
        on line 4 of app/styles/_rancher.scss
        from line 3 of tmp/sass_compiler-input_base_path-f3X3dzqG.tmp/app/styles/app-light.scss
>> @import "vendor/icons/variables";

   ^

必须先更新下依赖再启动。

启动成功：

Build successful (41438ms) – Serving on https://0.0.0.0:8000/

Slowest Nodes (totalTime => 5% )              | Total (avg)         
----------------------------------------------+---------------------
broccoli-persistent-filter:EslintVali... (14) | 10037ms (716 ms)    
Translation Reducer (6)                       | 7744ms (1290 ms)    
ember-auto-import-analyzer (14)               | 5385ms (384 ms)     
Bundler (1)                                   | 2222ms              

[Global] GET /v3/settings/ui-pl
[Global] GET /v3/settings/first-login

可以安装ember 插件：
https://chrome.google.com/webstore/detail/bmdblncegkenkacieihfhpjfppoconhi

可以进行 组件的查看。

可以查看 ember 的版本。

可以进行 页面的查看。定位模板。

3，总结

---

rancher 用起来非常的方便，直接使用就行了。但是这个 ui web 界面用的技术太小众了。没有多少人会呢。
估计只能进行小规模的代码修改。
https://github.com/rancher/rancher/issues/14503
官方 回答：“There is no plan for that yet.”
要是修改看来只能用 ember 进行修改了。

本文的原文连接是:
https://blog.csdn.net/freewebsys/article/details/88323498

博主地址是：http://blog.csdn.net/freewebsys