前言
本文的原文连接是: 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
