可视化编辑分为 可视化代码编辑器、可视化组件属性设置、变量管理 三部分:



在可视化视图编辑器窗格,我们可以通过双击或拖拽全部命令窗格中的命令元件,添加一条功能到编辑器:



点击编辑器列表的指定命令可以选中这条命令,命令选中后,属性窗格将会显示与这条命令相关的各项属性设置: 



在属性窗格中对命令的各项属性进行修改,可以影响到对应命令的功能和执行效果:



部分命令需要操作目标才能正常运行,点击命令描述后面跟随的【元素选择器】,使用鼠标选择要操作的元素即可:



选择元素后,命令的操作将基于选择的元素进行,例如鼠标点击操作,选择元素后,点击的即是选中的元素。


在命令列表中,除了鼠标单击可以选择命令外,也可以按住 Ctrl 键选择多个命令:



或选选中一个命令后,按住 Shift 键,再选择另一个命令,则可一次性选择两个命令之间的所有命令,包括两条命令自身:



选中命令后,按 Delete 键可以删除命令、按 Ctrl + C 键可以复制命令、按 Ctrl + X 键可以剪切命令、按 Ctrl + V 键可以粘贴命令,或在选中的命令上点击右键,在弹出的菜单中进行操作:


拖动选中的命令,可以调整的位置,命令的位置决定了命令执行的次序,拖动时在拖动的目标位置上,会显示一条红线,松开鼠标后,选中的命令就会被移动到红线处:



点击变量选项卡,可以切换到变量窗格,在这里管理脚本运行时所需的变量(存储数据的容器): 



一些命令在添加时会将运行结果放入指定变量,如果变量不存在,则会自动在这里添加对应名称的变量,在表格中,可以修改变量的名字和默认值: 


点击变量后面的垃圾桶图标,可以删除这个变量:


点击添加变量按钮,可以添加一个新的变量: