Tabby Settings 插件详解：基于 SettingsTabProvider 实现可插拔的分栏设置界面

Tabby 的设置页是一个由多个插件共同贡献的"分栏式"界面：内置的窗口、快捷键、配置文件选项卡来自 tabby-settings，而 Shell、SSH、插件管理等选项卡则各自来自对应插件。本文以 tabby-settings/README.md 为骨架，完整覆盖其定义的使用 API 与注册方式，并结合仓库源码深入剖析 SettingsTabProvider 的每个字段如何被 设置页组件 消费，以及内置选项卡、快捷键直达、动态组件实例化等底层实现，帮助你在为自己的插件开发设置界面时真正做到"注册即可见、可排序、可快捷键直达"。

一、tabby-settings 是什么：分栏式设置界面

tabby-settings 是 Tabby 的内置插件（keywords 中标记为 tabby-builtin-plugin，包名 tabby-settings，描述为 "Tabby terminal settings page"）。它向应用提供：

• 一个带左侧垂直选项卡导航的 Settings 页签（<settings-tab> 组件）；
• 工具栏上的齿轮按钮与 settings 全局快捷键作为入口；
• 一组可扩展点：SettingsTabProvider（选项卡）、HotkeyProvider（快捷键）、ConfigProvider（默认配置）；
• 内置的 5 个选项卡：Application（应用）、Hotkeys（快捷键）、Window（窗口）、Vault（保险库）、Profiles & connections（配置文件与连接）、Config sync（配置同步）。

它的 peerDependencies（见 package.json）声明了对 tabby-core（*）、Angular 15 系列、@ng-bootstrap/ng-bootstrap 14 等依赖，意味着它是运行在 Tabby 宿主内的 Angular 插件模块，而不是独立应用。

二、使用 API：注册一个自定义设置选项卡

README 给出了完整的使用步骤，核心分两步。

第一步，从 tabby-settings 导入扩展基类：

import { SettingsTabProvider } from 'tabby-settings'

第二步，在你的插件 @NgModule 中通过 providers 数组以 multi: true 的方式注入子类：

@N
</parameter>
</function>
</tool_call>