brandai/starterkit-mustache-brandai

此包已被弃用且不再维护。未建议替代包。

Brand.ai 与 Pattern Lab 集成的基础套件

维护者

详细信息

github.com/brandai/starterkit-mustache-brandai

主页

源代码

问题

维基

安装: 5

依赖项: 0

建议者: 0

安全: 0

星星: 9

观察者: 3

分支: 0

开放问题: 0

语言:HTML

类型:patternlab-starterkit

dev-master 2016-08-23 07:10 UTC

Requires

MIT c086a3d8e261e4cd1d29a9b1465faa90a420d299

  • Brand.ai

pattern labstarterkitbrand.aidesign library

This package is not auto-updated.

Last update: 2024-07-24 19:20:19 UTC

README

为 Brand.ai 和 Pattern Lab 集成构建的样式树。

安装

您可以使用以下命令之一导入基础套件

PHP

php core/console --starterkit --install brandai/starterkit-mustache-brandai

Node

npm install brandai/starterkit-mustache-brandai
gulp patternlab:loadstarterkit --kit=starterkit-mustache-brandai

注意：如果您想用 Brand.ai 的样式替换当前样式，请使用 --clean=true，否则保持为 false。

您可以在 Pattern Lab 维基中了解更多关于 Pattern Lab 基础套件安装的信息：[https://github.com/pattern-lab/patternlab-node/wiki/Importing-Starterkits](https://github.com/pattern-lab/patternlab-node/wiki/Importing-Starterkits)

描述

  • 在这个基础套件中，您会发现显示 Brand.ai 下 BRANDAI 菜单项中您的风格数据的样式。合作伙伴

    • 颜色
    • 字体
    • 排版
    • 标志
    • 图标
    • 图片

  • 您可以使用这些元素和您的风格数据作为标准的 Pattern Lab 组件，并将数据作为 mustache 数据访问流。

  • 注意：为了正确渲染字体，请直接在 Pattern Lab 中包含您的字体。

同步数据

此基础套件包含表示 Brand.ai 的一个 示例项目 的 style-data.json。

要使 Pattern Lab 使用您的设计库中的数据，请将默认的 style-data.json 替换为可用于您的设计库的 style-data.json。您可以通过访问 Brand.ai 的数据导出应用程序来找到后者。请参阅[示例数据导出页面](https://brand.ai/acme-demo-new/style/applications/data-export/json)。

您可以下载 style-data.json 文件并将其复制到源文件夹。或者，您可以通过运行 brandai-cli 命令来自动化此过程。这使得在您的设计库发生变化时更新 Pattern Lab 变得容易。

下面是如何操作的。

使用 cli

npm install brandai-cli --global

然后执行以下命令，将下载 Brand.ai 的 JSON 风格数据并将其复制到目标文件夹。

brandai json --dest source/_data --organization <organization> --library --<design library>

更多详细信息请参阅brandai-cli