# @acarmisc/backstage-plugin-litellm 中文文档

规范地址：https://npmcn.com/package/%40acarmisc/backstage-plugin-litellm/

版本：0\.48\.0
npm 元数据更新时间：2026-11-05T20:26:07.067Z
中文译文更新时间：2026-11-06T06:57:23.386Z
软件包许可：Apache-2\.0

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40acarmisc/backstage-plugin-litellm
原文对照：https://npmcn.com/package/%40acarmisc/backstage-plugin-litellm/?lang=original
项目主页：https://github.com/acarmisc/backstage-plugin-litellm-govai#readme
源码仓库：https://github.com/acarmisc/backstage-plugin-litellm-govai

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：2.1 MB，55 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：15 个
- peer 依赖：react ^18\.0\.0，react-dom ^18\.0\.0，@types/react ^18\.0\.0，react-router-dom ^6\.20\.0
- 首次发布：2026-05-11T20:37:27.920Z
- 最新版本发布：2026-11-05T20:26:06.713Z
- 近 30 天下载量：4264（2026-10-05 至 2026-11-03，npm 官方下载统计）
- 已发布版本数：77（近 12 个月 77 个）

## 中文简介

前端为 **后台LiteLLM 治理插件** ——让开发人员管理他们的LiteLLM虚拟密钥,从后台跟踪他们的AI用法和预算.

## 安装

```sh
npm install @acarmisc/backstage-plugin-litellm
```

也可以使用：`pnpm add @acarmisc/backstage-plugin-litellm`、`yarn add @acarmisc/backstage-plugin-litellm`、`bun add @acarmisc/backstage-plugin-litellm`

## README

# @acarmisc/后台-plugin-litellm (英语)

前端为 **后台LiteLLM 治理插件** ——让开发人员管理 他们的LiteLLM虚拟密钥,并遵循他们的AI用法和后台的预算.

修建于 [新建前端系统](https://backstage.io/docs/frontend-system/) (单位:千美元)`@backstage/frontend-plugin-api`) (中文(简体) ). 它需要后端, [`@acarmisc/backstage-plugin-litellm-backend`](https://www.npmjs.com/package/@acarmisc/backstage-plugin-litellm-backend), (中文(简体) ), 它与LiteLLM交谈,执行所有规则.

完整的文档——领养指南,配置,权限,安全模式 和结构——始于 [项目README](https://github.com/acarmisc/backstage-plugin-litellm-govai#readme)。 。 。 .

## 安装

```bash
yarn --cwd packages/app add @acarmisc/backstage-plugin-litellm
```

如果您的应用程序从它的依赖性中发现了特性( Q) :`app.packages: all`, (中文(简体) ), 自动取出插件。 否则,登记:

```tsx
// packages/app/src/App.tsx
import { createApp } from '@backstage/frontend-defaults';
import litellmPlugin from '@acarmisc/backstage-plugin-litellm';

const app = createApp({
  features: [litellmPlugin],
});
```

这增加了 `/litellm` 页 次 `liteLlmApiRef` 每个人使用的 API 以下构成部分.

## 这个 `/litellm` 页 次

标签 : **概览** (使用KPI和图表), **密钥** (你的虚拟密钥:编辑, 块/ 解块、 重置开支、 删除), **团队** (团队使用和团队) 管理人员的管理, **模型** (代理模式目录)和 **审计 日志** 成员名单 `litellm.audit.group` 页:1. `?tab=<name>` 打开标签并 `?generate=1` 打开“生成新密钥”对话框.

![The /litellm page](https://raw.githubusercontent.com/acarmisc/backstage-plugin-litellm-govai/main/docs/images/overview.png)

## 主页组件

| 构成部分 | 显示什么 |
| --- | --- |
| `LiteLLMHomeWidget` | 支出和代币 `Today` 编号 : `7d` 编号 : `30d` 有每日闪光灯 |
| `LiteLLMBudgetWidget` | 预算层次(关键) 个人 团队 ) |
| `LiteLLMBudgetGauges` | 收缩预算卡:每关一环和一月通图 |
| `GenerateKeyButton` | 共享的" Generate 新密钥" 按钮 (`onClick`,或 `to="/litellm?generate=1"`(中文(简体) ) |

```tsx
import {
  LiteLLMHomeWidget,
  LiteLLMBudgetGauges,
} from '@acarmisc/backstage-plugin-litellm';

<LiteLLMHomeWidget defaultPeriod="7d" />
<LiteLLMBudgetGauges />
```

每一组件的道具记录在 [文档/前端](https://github.com/acarmisc/backstage-plugin-litellm-govai/blob/main/docs/frontend.md)。 。 。 .

![LiteLLMBudgetGauges](https://raw.githubusercontent.com/acarmisc/backstage-plugin-litellm-govai/main/docs/images/budget-gauges.png)

在没有后端的情况下试试,快跑 `npm start` 在这个包中:它服务于 模拟数据的插件 `http://localhost:3000/litellm` (见 [捐款额](https://github.com/acarmisc/backstage-plugin-litellm-govai/blob/main/CONTRIBUTING.md#run-the-frontend-with-mock-data)) (中文(简体) ).

## 其他出口

-   `litellmPlugin` (也是默认导出)
-   `LiteLLMPage`,以及它所使用的组件: `DashboardHeader`, (中文(简体) ), `KeysTable`, (中文(简体) ), `UsageStats`, (中文(简体) ), `TeamUsage`, (中文(简体) ), `KeyFormDialog`, (中文(简体) ), `ManageTeamDialog`。 。 。 . 偏爱 `LiteLLMPage`; 自己编组棋子意味着连接它们的数据 并按页面的方式召回.
-   `LiteLlmApi`, (中文(简体) ), `liteLlmApiRef`,共享 API 类型,以及 `litellmTeam*Permission` 定义.

## 许可证

阿帕奇 - 2.0

## 常见问题

### @acarmisc/backstage-plugin-litellm 是什么？

前端为 后台LiteLLM 治理插件 ——让开发人员管理他们的LiteLLM虚拟密钥,从后台跟踪他们的AI用法和预算\.

### 如何安装 @acarmisc/backstage-plugin-litellm？

在项目目录运行 npm install @acarmisc/backstage-plugin-litellm，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^18\.0\.0）、react-dom（^18\.0\.0）、@types/react（^18\.0\.0）、react-router-dom（^6\.20\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @acarmisc/backstage-plugin-litellm 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @acarmisc/backstage-plugin-litellm 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @acarmisc/backstage-plugin-litellm 可以商用吗？

@acarmisc/backstage-plugin-litellm 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

### @acarmisc/backstage-plugin-litellm 的下载量有多少？

根据 npm 官方下载统计，@acarmisc/backstage-plugin-litellm 在 2026/10/05 – 2026/11/03 这 30 天内被下载 4,264 次，日均约 142 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @acarmisc/backstage-plugin-litellm 还在维护吗？

最新版本 0\.48\.0 发布于 2026/11/06（1 天前）；至今共发布 77 个版本，其中过去 12 个月发布了 77 个；首次发布于 2026/05/12。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。