创建插件
推荐用脚手架交互生成(自动填好 id / 名称 / 图标,以及可选的后端、设置、数据库等):
pnpm create-plugin或手动复制模板:
cp -r plugins/_template plugins/my-tools然后编辑 plugins/my-tools/plugin.json:
{ "id": "my-tools", "name": "我的工具", "tools": [ { "id": "my-tools-hello", "name": "你好", "description": "我的第一个工具", "icon": "Sparkles", "entry": "frontend/views/Tool.vue" } ]}再改写 frontend/views/Tool.vue——完成。侧栏导航、路由、标题、启停开关、设置面板、
错误边界、KeepAlive 全部自动生效,无需任何手动注册。
以下示例都在 hello-world 插件里,删除前可对照:
| 想做什么 | 看哪个文件 |
|---|---|
| 调用 Rust 命令、读写 SQLite | frontend/views/Tool.vue(Rust 集成大全) |
| 表格 + 分页 + 弹窗增删改 + 导入导出 | frontend/views/TableTool.vue |
| 各种表单控件与校验 | frontend/views/FormTool.vue |
| 发 HTTP 请求展示结果 | frontend/views/HttpTool.vue |
| 页面布局与三态(空 / 加载 / 错误)写法 | frontend/views/TemplateTool.vue |
下一步:了解 plugin.json 字段,或直接写 前端页面。