Node-RED编辑器-工作空间一

工作空间

在这里插入图片描述

视图工具

工作空间的底部包含了放大(Ctrl + =),缩小(Ctrl + -)和重置(Ctrl + 0)按钮

它还包含了一个导航视图的切换按钮
在这里插入图片描述
视图导航提供了一个工作空间的缩略图,突出当前可见的区域。在视图导航内拖拽区域可以快速跳转到工作空间的其他部分。这有助于寻找那些被遗留在工作空间较远边缘的节点

自定义视图

可通过用户设置对话框的View选项卡(Ctrl + ,)自定义工作空间的视图
在这里插入图片描述

流程

流程可拥有名称和描述,这些将在信息侧边栏中展示

流程中的所有节点可访问相同的流程范围上下文
在这里插入图片描述

添加流程

通过点击顶栏的+按钮或双击选项卡栏的空白处来创建新的流程

重新排序流程

通过在顶栏中拖拽选项卡来重新排序流程

编辑流程的属性

双击顶栏选项卡,将打开流程的属性对话框
在这里插入图片描述

  • 属性:设置流程的名称及描述。描述可使用Markdown语法格式化并会出现在信息侧边栏中
  • 环境变量:流程中作为环境变量的暴露属性

启用或禁用流程

使用底部对话框的切换按钮可启用或禁用流程

如果流程被禁用,则部署时其包含的节点不会被创建

信息侧边栏中的按钮也可用于启用或禁用节点/流程
在这里插入图片描述

隐藏或显示流程

通过点击选项卡上的按钮隐藏流程或子流程,流程为眼睛,子流程为X

也可通过信息侧边栏中的按钮切换

Alt + w:隐藏当前流程

Alt + Shift + w:显示最后一个隐藏的流程 (所有流程都隐藏时无效)

删除流程

点击流程的属性对话框中删除按钮删除流程

切换流程

点击顶栏三角菜单按钮,选择流程一览选项(Ctrl + Shift + f)打开可用流程列表

Ctrl + [:切换上一个流程

Ctrl + ]:切换下一个流程

节点

添加方式:

  • 组件栏中拖拽
  • 使用快速添加框
  • 从库或剪贴板中导入

节点通过端口的导线连接。端口可能有标签,当鼠标悬浮在其上面时显示。节点可能会详列标签,例如,switch(选择)会显示匹配端口的规则。通过节点编辑框可自定义标签
在这里插入图片描述
一些节点在下方展示状态消息和图标。这有利于指示节点的运行状态 - 例如,MQTT节点指示当前是否连接
在这里插入图片描述
如果节点存在任何未部署的变化,上方将显示一个蓝色的圆。如果配置存在错误,将显示一个红色的三角

有的节点在其左侧或右侧包含按钮。这些按钮允许在编辑器中与节点交互。inject(注入)节点和debug(调试)节点是仅有的含有按钮的核心节点

快速添加框

快速添加框提供了一种简单方式在工作空间中鼠标位置添加节点,不必从组件栏中拖拽

通过在工作空间中按住CtrlCommand键时点击打开对话框
在这里插入图片描述
对话框包含了所有可添加节点的完整列表。列表最上方显示5个主要核心节点,接着时是最近使用的节点,最后是一个包含剩余节点且按字母排序的完整列表

与组件栏一样,对话框顶部有一个输入框用于过滤列表并快速找到节点

保持按住CtrlCommand键,点击列表中的节点,可在添加完节点后触发导线,再次点击空白处创建的节点后将连接

保持按住CtrlCommand键,先点击节点端点,再点击空白处也可触发导线

编辑节点属性

通过双击节点或聚焦节点时按Enter编辑节点的配置。如果选择了多个节点,将编辑第一个节点

编辑框包含三个选项卡:

  • 属性:基于被编辑节点类型的特定编辑表单
  • 描述:使用Markdown格式化的每个节点文档,节点被选中时将在信息侧边栏中展示
  • 外观:自定义节点外观的选项
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    外观选项卡提供选项:
  • 选择是否显示节点的标签
  • 改变节点的图标
  • 提供节点自定义端口

启用或禁用节点

使用对话框底部的切换按钮可启用或禁用节点。流程发布时不会创建禁用的节点。消息不会传递到流程中的禁用的节点

配置节点

通过需要配置节点的节点的编辑框添加配置节点。编辑框有一个字段用于选择所需类型的可用配置节点或创建新的配置节点
在这里插入图片描述
点击下拉框旁边的按钮打开编辑框,选择或添加一个节点
在这里插入图片描述
配置节点编辑框仅有节点属性和描述选项卡 - 作为配置节点没有可以设置标签的图标或端口

对话框底部显示了使用当前配置节点的节点数。它还提供了一个选择框来设置配置节点的作用域。作用域决定了配置节点在哪些流程中可用。默认可用于所有流程,使用选择框可使其仅对一个流程可用

如同常规的节点,它也能使用底部的切换按钮启用或禁用
配置节点侧边栏可用于管理所有的配置节点

导线

在节点的端口上按住鼠标左键,拖拽至目标节点并松开鼠标左键,将节点连接起来
在这里插入图片描述
或者,保持按住Ctrl/Command键,在节点端口上点击鼠标左键,然后在目标上点击。如果继续按住Ctrl/Command键并且刚刚连接的目标节点有输出端口,一条新的导线将以该端口作为起点。这允许将一组节点快速的连接在一起

通过在工作空间点击Ctrl/Command可以触发与快速添加框结合,来快速插入新的节点并将其与流程中前一个节点相连

分割导线

将一个同时存在输入端口和输出端口的节点拖拽至导线的中间,导线将变为短横线。此时释放节点,它将自动在当前位置插入流程
在这里插入图片描述

移动导线

按住Shift键并在端口上按住鼠标左键,拖拽鼠标来断开导线与端口的连接并在另一个端口上松开。如果是在工作空间上松开鼠标,将删除导线

如果端口上有多条导线,按住Shift选择其中一条,所有的导线都会移动

选择多条导线

按住Ctrl并点击多条导线来选择它们

选择多个节点时,将突出他们之间的导线。这更易于追踪流程
在这里插入图片描述

删除导线

  1. 选择单条或多条导线:
    1. 在单条导线上左击来选择单条导线
    2. 在单条导线上左击后按住Ctrl,点击其他导线来选择多条导线
  2. 按下Delete

切割导线

按住Ctrl(或Command)并按住鼠标右键拖拽来切割导线进行移除 (笔者未使用出来,v3.0.2)
在这里插入图片描述

删除节点,保持导线

删除流程中的节点并使导线在后台自动修复:

选中节点后,按下CtrlDelete
在这里插入图片描述

从导线中分离节点

从流程中分离节点但不删除它:
在这里插入图片描述
默认没有对应的快捷键,但可以在设置框的键盘窗口里自己设置一个

节点可以被组合在一起构成组。在编辑器里可被作为单个对象移动或赋值

可以给与组边框和背景色,以及可选的标签
在这里插入图片描述

创建组

选择节点后,选择菜单里的组 -> 选择组选项(Ctrl + Shift + g)来创建组

编辑组属性

双击组或当组被选择时按Enter来编辑组

编辑框包含三个选项卡:

  • 属性:编辑组属性
  • 环境变量:在组中作为环境变量暴露的属性
  • 描述:使用Markdown格式化的每个节点文档。组被选择时将在信息侧边栏中展示
    在这里插入图片描述
    组属性选项卡提供如下选项:
  • 设置组的轮廓和填充色
  • 选择组名是否作为标签显示,如果显示,文字使用的颜色以及标签放置的位置

复用组的风格

选中组,按下Ctrl + Shift + c,复制组的风格(轮廓,填充,颜色和标签位置)

选中另一个组,按下Ctrl + Shift + v应用风格

向组中添加节点

拖拽节点进组来添加。一次只能添加一个节点

合并节点/组

将当前的选择合并为一个组。选择所有待合并的组和节点,然后选择菜单中的组 -> 合并选择选项

取消分组

选择组,然后选择菜单中的组 -> 取消选择组选项(Ctrl + Shift + u

从组中移除

选择节点,然后选择菜单中的组 -> 从组中移除选项

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值