# @codecademy/brand 中文文档

规范地址：https://npmcn.com/package/%40codecademy/brand/

版本：5\.16\.1
npm 元数据更新时间：2026-11-05T18:25:05.412Z
中文译文更新时间：2026-11-10T06:16:05.112Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40codecademy/brand
原文对照：https://npmcn.com/package/%40codecademy/brand/?lang=original
项目主页：https://github.com/codecademy-engineering/mono#readme
源码仓库：https://github.com/codecademy-engineering/mono

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

- 包体积（解压后）：2.8 MB，640 个文件
- 模块格式：CommonJS
- TypeScript 类型：包内自带
- 运行依赖：18 个
- peer 依赖：react ^18\.3\.0 \|\| ^19\.2\.3，@emotion/react ^11\.4\.0，@emotion/styled ^11\.3\.0，@codecademy/gamut \*，@codecademy/tracking 1\.6\.4，@codecademy/variance \*，@codecademy/gamut-icons \*，@codecademy/gamut-styles \*，@codecademy/gamut-patterns \*，@codecademy/gamut-illustrations \*
- 首次发布：2023-04-12T20:06:28.676Z
- 最新版本发布：2026-11-05T18:25:05.152Z
- 近 30 天下载量：6213（2026-10-10 至 2026-11-08，npm 官方下载统计）
- 已发布版本数：6108（近 12 个月 565 个）

## 中文简介

科十年的品牌组件库

## 安装

```sh
npm install @codecademy/brand
```

也可以使用：`pnpm add @codecademy/brand`、`yarn add @codecademy/brand`、`bun add @codecademy/brand`

## README

# 品牌

整个设计频谱中存在用于公用事业的品牌组件,更具有实验性,或与品牌代表关系.

## 建筑品牌

运行 `yarn nx build brand` 建设品牌组件库.

# 故事书

要建立品牌故事书,运行 `yarn nx build-storybook brand`。 。 。 .

在本地运行 Brand Story Book, 运行 `yarn nx storybook brand`故事书实例将在4400号港口出现.

你可以看制作的"品牌故事书" [https://brand-storybook.colocummy.com/?path=/docs/brand--docs (中文(简体) )](https://brand-storybook.codecademy.com/?path=/docs/brand--docs)。 。 。 .

## 浏览故事

在"故事书"侧边栏中,你会看到我们的所有组件按照原子设计标准排列.

每个组件都有自己的Docs页面以及一些代表离散组件状态,使用大小写或上下文的故事. 点击侧边栏中的故事会带您到 Canvas 视图中, 这将允许您在浏览器中自定义该组件状态的道具 .

我们建议阅读 [浏览故事](https://storybook.js.org/docs/react/get-started/browse-stories) 最好地使用 Canvas + 其他特性!

## 写故事

您可以找到更多关于如何写故事的信息 [这里](https://storybook.js.org/docs/react/writing-stories/introduction)。 。 。 .

我们的故事最终会和它们各自的部分合用同一地点, 但与此同时,你可以在 `./stories` 文件夹.

## PR 预览

为每个拉动请求发布的 PR 预览 - 您可以在输出中找到 URl `Publish Storybook` Github 行动,在 `Run npx nx run-many --target=publish-storybook --parallel=3` 步骤.

这是暂时的,而网络平台团队正努力在PR评论中获取"故事本"预览urls.

## 常见问题

### @codecademy/brand 是什么？

科十年的品牌组件库

### 如何安装 @codecademy/brand？

在项目目录运行 npm install @codecademy/brand，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^18\.3\.0 \|\| ^19\.2\.3）、@emotion/react（^11\.4\.0）、@emotion/styled（^11\.3\.0）、@codecademy/gamut（\*）、@codecademy/tracking（1\.6\.4）、@codecademy/variance（\*）、@codecademy/gamut-icons（\*）、@codecademy/gamut-styles（\*）、@codecademy/gamut-patterns（\*）、@codecademy/gamut-illustrations（\*）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @codecademy/brand 支持 TypeScript 吗？

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

### @codecademy/brand 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @codecademy/brand 可以商用吗？

@codecademy/brand 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @codecademy/brand 的下载量有多少？

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

### @codecademy/brand 还在维护吗？

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