VSCode Demo Time 中的变量存储与脚本执行功能解析-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_07795/article/details/148550659

VSCode Demo Time 中的变量存储与脚本执行功能解析

vscode-demo-time A Visual Studio Code extension to help you script your demos 项目地址: https://gitcode.com/gh_mirrors/vs/vscode-demo-time

在开发工具演示过程中，经常需要处理命令间的数据传递问题。VSCode Demo Time 扩展针对这一需求提供了强大的变量存储和脚本执行功能，极大提升了演示流程的自动化程度。

变量存储机制

Demo Time 提供了状态管理功能，允许用户在演示过程中存储和复用关键数据。通过 setState 动作，可以将任意值保存到扩展的运行时状态中：

{
  "action": "setState",
  "state": {
    "key": "resourceID",
    "value": "{CLIPBOARD}"
  }
}

存储后的变量可以在后续步骤中通过 {STATE:resourceID} 的形式引用，实现了跨步骤的数据共享。这种机制特别适合处理以下场景：

随机生成的资源ID需要在后续操作中使用
命令输出结果需要作为下一个命令的输入
用户输入需要在多个步骤间共享

用户输入集成

Demo Time 还支持与用户交互获取输入值。通过 {DT_INPUT} 占位符，可以在演示过程中暂停并提示用户输入：

{
  "action": "setState",
  "state": {
    "key": "customValue",
    "value": "{DT_INPUT}"
  }
}

这种方式结合了自动化演示和必要的人工干预，使演示更加灵活。

脚本执行与输出捕获

对于需要处理命令输出的场景，Demo Time 提供了 executeScript 动作。这个功能可以执行各种脚本（Node.js、Python、Bash等）并捕获其输出：

{
  "action": "executeScript",
  "id": "resource",
  "path": "generate_id.js",
  "command": "node"
}

脚本的标准输出会被自动捕获并存储在状态中，可以通过 {SCRIPT_resource} 在后续步骤中引用。使用时需要注意：

脚本应只输出需要捕获的值，避免额外输出
支持多种解释器（node、python、bash等）
输出值只在当前演示会话中有效

实际应用示例

以下是一个完整的演示配置示例，展示了如何结合使用这些功能：

{
  "title": "资源管理演示",
  "steps": [
    {
      "action": "executeScript",
      "id": "resourceId",
      "path": "generate_resource.js",
      "command": "node"
    },
    {
      "action": "setState",
      "state": {
        "key": "currentResource",
        "value": "{SCRIPT_resourceId}"
      }
    },
    {
      "action": "executeCommand",
      "command": "showResource",
      "args": "{STATE:currentResource}"
    }
  ]
}

这个配置会：