vuejs-ai/vue-tui

The Vue framework for terminal UIs. SFC & JSX, Yoga flexbox, HMR, and testing out of the box.

What it solves

vue-tui 让开发者能够使用 Vue.js 构建交互式终端用户界面（TUI）。它用基于组件的架构取代手动处理终端控制序列和布局计算，使得创建复杂终端应用的体验与构建 Web 应用相同。

How it works

该框架提供一个自定义的 Vue 3 渲染器，目标是终端而非 DOM。它使用 Yoga 布局引擎（与 React Native 相同）在终端实现 Flexbox 布局。开发者可以使用 Vue 单文件组件（SFC）或 JSX 编写界面，框架负责渲染、键盘输入、鼠标事件和焦点管理。

Who it’s for

想要构建具交互 UI 的高级命令行工具，但更倾向于使用 Vue.js 的响应式组件模型和工具链，而不是低层终端操作的开发者。

Highlights

Vue-Native Development: 支持 Vue SFC 和 JSX 来构建终端界面。
Flexbox Layout: 实现由 Yoga 驱动的响应式布局系统。
Developer Experience: 包含实验性的 Vite 插件，可在终端直接进行热模块替换（HMR）。
Comprehensive Tooling: 提供专用的测试工具，用于确定性的组件级终端测试。
AI Agent Support: 包含视觉开发指南，专为帮助 AI 编码代理通过检查渲染屏幕来迭代 TUI 布局而设计。