跳到主要内容
Widget 插件开发文档

为 PaTab 新标签页
打造你自己的组件

用任意前端技术栈编写小组件,放进本地优先的浏览器工作台。
开发、调试、打包、分发——一条命令链搞定。

为开发者准备的工具链

从脚手架到分发文件,每个环节都有现成的工具。

任意技术栈

原生 JS、Vue,或你熟悉的任何前端框架——组件最终打包为独立产物,运行在技术栈无关的沙箱环境中。

Widget SDK

通过 @patab/widget-sdk 与宿主通信:读写本地存储、响应主题与语言变化,几行代码即可接入。

热更新调试

@patab/widget-cli 内置开发服务器,保存即刷新。把调试地址填入 PaTab,实时预览每一次改动。

一键分发

打包为单个 .patab.zip 文件,直接分享给其他 PaTab 用户安装——无需上架商店,无需审核。

四条命令,从 0 到可分发

没有繁琐配置,脚手架已经为你准备好一切。

terminal
# 一键创建组件项目
$pnpm create patab-widget my-widget
# 进入项目并启动开发服务器
$cd my-widget && pnpm install
$pnpm dev
➜ PaTab 开发宿主: http://127.0.0.1:5174/__patab_dev__/
➜ 沙箱已加载,改动即时生效…
# 打包为可分发文件
$pnpm run pack
✓ 打包完成: dist/my-widget-0.1.0.patab.zip