# PackageManagers

标签页式代码块——每个包管理器一个标签页（npm、yarn、pnpm、bun）。标签页在页面内跨实例同步。

**Install:** `nimbus-docs add package-managers`  
**Source:** `src/components/ui/package-managers/`  
**Canonical:** https://nimbus-docs.cn/components/package-managers/

## Agent payload (JSON)

```json
{
  "slug": "package-managers",
  "name": "PackageManagers",
  "description": "Tabbed install command block translated across npm / pnpm / yarn / bun.",
  "tagline": "标签页式代码块——每个包管理器一个标签页（npm、yarn、pnpm、bun）。标签页在页面内跨实例同步。",
  "install": "nimbus-docs add package-managers",
  "sourcePath": "src/components/ui/package-managers/",
  "canonicalUrl": "https://nimbus-docs.cn/components/package-managers/",
  "props": [
    {
      "name": "pkg",
      "type": "string",
      "required": false,
      "description": "要安装/运行的包名。"
    },
    {
      "name": "type",
      "type": "\"add\" | \"create\" | \"dlx\" | \"exec\" | \"install\" | \"remove\" | \"run\"",
      "defaultValue": "\"add\"",
      "required": false,
      "description": "命令类型；会自动生成各包管理器的等效命令。"
    },
    {
      "name": "args",
      "type": "string",
      "required": false,
      "description": "附加到命令末尾的额外参数。"
    },
    {
      "name": "dev",
      "type": "boolean",
      "required": false,
      "description": "对于 add/install 命令，标记为开发依赖。"
    },
    {
      "name": "comment",
      "type": "string",
      "required": false,
      "description": "可选的注释行，显示在命令上方。"
    }
  ],
  "registryDependencies": [
    "layer-card",
    "cn"
  ],
  "dependencies": []
}
```