让开源，少一点语言距离。
npm包中文文档

@codecademy/brand

中文文档
5.16.1发布于 2026/11/06MITTypeScriptCommonJS近 30 天下载 6213

科十年的品牌组件库

中文使用文档
中文原文
文档目录4 节
  1. 建筑品牌
  2. 浏览故事
  3. 写故事
  4. PR 预览

品牌

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

建筑品牌

运行 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 (中文(简体) )。 。 。 .

浏览故事

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

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

我们建议阅读 浏览故事 最好地使用 Canvas + 其他特性!

写故事

您可以找到更多关于如何写故事的信息 这里。 。 。 .

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

PR 预览

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

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

版本与发布记录

@codecademy/brand 共发布 6,108 个版本，首次发布于 2023/04/13；过去 12 个月发布了 565 个版本。

版本发布日期距今
5.16.1latest2026/11/064 天前
5.16.1-alpha.eebc536a7.02026/11/055 天前
5.16.02026/10/2813 天前
5.16.0-alpha.382a8cf51.02026/10/2813 天前
5.16.0-alpha.fcdeb60bd.02026/10/2813 天前
5.16.0-alpha.f94aff359.02026/10/2714 天前

其他发布通道：alpha.91686cbd2c → 0.0.2-alpha.91686cbd2c.0，alpha.a12bc0e172 → 0.0.2-alpha.a12bc0e172.0，alpha.5f88f2f0ea → 0.0.2-alpha.5f88f2f0ea.0，alpha.33600e958f → 0.0.2-alpha.33600e958f.0，alpha.1d3c94b5ac → 0.0.2-alpha.1d3c94b5ac.0，alpha.e3a7df4f30 → 0.0.2-alpha.e3a7df4f30.0。

关于 @codecademy/brand 的常见问题

@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 和提交记录判断。