如何自定义Node-red UI（Web Portal）？找不到其Git仓库怎么办？

当然有办法自定义Node-RED的Web UI啦！我自己也折腾过好几种方式，给你整理几个实用的方向：

• 自定义单个节点的配置界面：如果只是想调整某个节点的UI，直接在节点的注册代码里，通过RED.nodes.registerType方法指定editTemplate属性，编写自定义的HTML模板就行。还能搭配自定义的CSS和JavaScript逻辑，比如给节点加个特殊的下拉选择器或者预览面板。
• 修改核心编辑器UI：Node-RED的前端基于AngularJS开发，默认的UI资源都在node_modules/node-red/public目录下，你可以直接修改这里的red.js、style.css等文件。不过要注意，每次升级Node-RED可能会覆盖这些修改，更稳妥的方式是在settings.js里配置httpStatic参数，指向你自己的静态资源文件夹，把修改后的文件放在这个目录里，Node-RED会优先加载这里的资源。
• 借助第三方插件扩展：社区里有不少现成的UI扩展工具，比如官方的node-red-dashboard用来搭建可视化面板；如果要修改编辑器本身的UI，可以找node-red-contrib-ui这类插件，或者自己开发一个自定义插件，通过Node-RED的插件API注入前端代码，实现更灵活的定制。
• 完全替换默认Web UI：如果想要彻底换掉默认的编辑器界面，你可以在settings.js里设置httpAdminRoot，然后搭建一个独立的Web服务，通过Node-RED的REST API和后端交互，实现完全自定义的操作界面。

至于你找不到Node-RED的Git仓库，应该是没找对位置——官方仓库在GitHub上，直接搜索node-red/node-red就能找到。克隆仓库的话，用命令：

git clone https://github.com/node-red/node-red.git

仓库里的packages/node_modules/node-red/public是前端UI的静态资源目录，packages/node_modules/node-red/editor则包含编辑器的核心逻辑代码。

内容的提问来源于stack exchange，提问作者Gowtham