Skip to content

Stately Studio

Stately Studio 是一套用于构建应用逻辑的工具，包括编辑器、XState 的开发者工具等，更多功能即将推出。

在 Stately Studio 的编辑器中打开的狗步行机。狗步行机在每个状态下都有可爱的狗狗图片，显示狗在行走和奔跑。选择了加速事件，右侧的检查面板中显示了该转换的信息和选项。在 Stately Studio 的编辑器中打开的狗步行机。狗步行机在每个状态下都有可爱的狗狗图片，显示狗在行走和奔跑。选择了加速事件，右侧的检查面板中显示了该转换的信息和选项。

你可以使用 Stately Studio 的编辑器 通过状态机和状态图以可视化方式建模你的逻辑；无需编写代码！与同事和朋友通过团队中的共享项目协作。使用 XState VS Code 扩展 在代码编辑器中与代码库一起使用编辑器，或将代码从 Stately Studio 导出 到你的代码库中。

Stately Studio 的编辑器​

Stately Studio 的编辑器支持你需要的所有功能来可视化构建状态机和状态图。编辑器目前有两种模式；用于创建机器的 设计 模式 和用于模拟机器工作方式的 模拟 模式。

快速入门教程​

你可以从编辑器中的蓝色 帮助按钮访问快速入门教程。

当你第一次访问编辑器时，会显示两个简短的视频 (7分36秒) 作为快速入门指南。你可以随时从以下位置再次访问这些视频：

  • 编辑器菜单 > 帮助 > 学习 Stately。
  • 帮助按钮 > 学习 Stately。

项目和团队​

Voyager 团队的 Stately Studio 项目页面，显示了四个项目的列表，一个有公共机器，两个有私有机器，一个有未列出的机器。Voyager 团队的 Stately Studio 项目页面，显示了四个项目的列表，一个有公共机器，两个有私有机器，一个有未列出的机器。

作为 高级用户，你可以在 Stately Studio 中创建和加入团队，以共享你的机器并在私有团队项目上协作。阅读更多关于项目 和 团队 的信息。

Voyager 团队的 Stately Studio 团队页面，显示了拥有者和管理员角色的 Janeway 舰长，管理员角色的 Chakotay 指挥官，编辑角色的 Tuvok 中尉、Torres 中尉和 Paris 中尉，以及查看者角色的 Kim 少尉。Voyager 团队的 Stately Studio 团队页面，显示了拥有者和管理员角色的 Janeway 舰长，管理员角色的 Chakotay 指挥官，编辑角色的 Tuvok 中尉、Torres 中尉和 Paris 中尉，以及查看者角色的 Kim 少尉。

发现机器​

你在寻找你的机器的灵感吗？或者你想学习别人如何建模他们的机器？发现页面 列出了所有使用 Stately Studio 创建的公共机器。阅读更多关于发现页面 的信息。

Stately Studio 发现页面显示了“auth”的搜索结果，过滤器为状态少于 10 的编辑器机器，显示了 173 个结果。Stately Studio 发现页面显示了“auth”的搜索结果，过滤器为状态少于 10 的编辑器机器，显示了 173 个结果。

我们的路线图​

你想在 Stately Studio 中请求一个功能吗？查看我们的路线图 以发布你的功能想法并为其他功能投票。我们的路线图还显示了我们计划的功能和正在进行的功能。

你还可以通过我们定期的办公时间直播 了解 Stately 团队的工作进展。