开发者工具

MPE 提供了开发者控制台工具，方便开发者和高级用户在浏览器控制台中快速查询和操作编辑器状态。

使用方式

打开浏览器开发者工具（F12），在控制台中输入：

javascript

mpedev()

即可查看所有可用命令列表。

调用具体命令：

javascript

mpedev("命令名", 参数)

命令	用法	说明
`nodes`	`mpedev("nodes")`	获取当前文件中的所有节点数据
`edges`	`mpedev("edges")`	获取当前文件中的所有连接数据
`config`	`mpedev("config")`	获取所有配置项
`config`	`mpedev("config", "keyName")`	获取指定配置项的值
`setConfig`	`mpedev("setConfig", { key: "xxx", value: yyy })`	设置配置项的值
`selectNode`	`mpedev("selectNode", "node-id")`	选中并高亮指定 ID 的节点
`clearSelection`	`mpedev("clearSelection")`	清除所有选中状态
`state`	`mpedev("state")`	获取所有 Store 的状态
`state`	`mpedev("state", "storeName")`	获取指定 Store 的状态（如 flow、config）
`quizCheat`	`mpedev("quizCheat", true)`	开启/关闭新手引导问答作弊模式

javascript

// 获取所有节点
const nodes = mpedev("nodes")
console.table(nodes)

// 获取所有连接
const edges = mpedev("edges")
console.table(edges)

javascript

// 查看当前节点风格
mpedev("config", "nodeStyle")

// 切换为极简风格
mpedev("setConfig", { key: "nodeStyle", value: "minimal" })

javascript

// 选中指定节点
mpedev("selectNode", "node-abc123")

// 清除选中
mpedev("clearSelection")

javascript

// 查看 flow store 的完整状态
mpedev("state", "flow")

// 查看 config store
mpedev("state", "config")

提示

所有命令的返回值会同时打印到控制台（带 [mpedev] 前缀），方便查看结构化数据。