前言
上篇文章 我们讲解了Node-RED中的editor-api模块。它主要是用于提供给前端接口。
本篇我们一起看一下Node-RED中的editor-client模块。
该模块是前端代码，它决定了我们看到的界面。
如果你要修改Node-RED的界面，那么你需要仔细研究它。
下面让我们一起来看看吧。
editor-client
在packages/node_modeles/editor-client目录中。
主要是四个核心目录
- locales 界面上国际化的翻译，如果你要修改某个文本，应该在这里找一下。
- public 该目录存放的由编译生成的文件。一般不会修改。
- src 流编辑器的核心文件，存放了编辑器所有的业务代码，组件，资源。
- templates 程序入口，一个mst文件。
editor-client下的第一级目录就是这样子的。
在locales目录下，存放了各个语言版本的翻译。
zh-CN为中文简体
zh-TW 为中文繁体
en-US 英语
先我们着重看一下src目录
src目录
从下往下，目录分别是
- ace 存放ace代码编辑器的资源
- images 所有的图片资源
- js 编辑器代码 至关重要
- sass 编辑器样式文件
- tours 预设流，用于展示的demo，或版本特性