README

使用 Pattern Lab v2 的组件驱动原型设计工具，通过 Gulp/NPM 自动化。同时也作为 Drupal 8 主题的起始套件。

要求

原型设计（与 Drupal、Wordpress 等分离）

abd 支持使用 NPM 和 YARN。

使用 NPM 安装：composer create-project notgoddess/abd --stability dev --no-interaction abd && cd abd && npm install

使用 Yarn 安装：composer create-project notgoddess/abd --stability dev --no-interaction abd && cd abd && yarn install

Drupal 安装

基于 Composer 的 Drupal 安装（推荐）

在项目中要求 abd：composer require notgoddess/abd
移动到原始 abd 主题：cd web/themes/contrib/abd/
通过克隆 abd 创建新的主题：php abd.php "主题名称"（运行 php abd.php -h 查看其他可用选项）
移动到您的主题目录：cd web/themes/custom/THEME_NAME/
安装主题依赖：npm install 或 yarn install
启用您的主题及其依赖：drush then THEME_NAME -y && drush en components unified_twig_ext -y

Windows 的问题

添加了一个对 emulsify-gulp 的小补丁，以便在 Windows 环境中运行 pa11y 测试。

安装后，您可能需要更新 pattern-lab 的 styleguideKitPath 变量。编辑文件 pattern-lab/config/config.yml，将 styleguideKitPath: 设置为主题目录的相对路径，例如：styleguideKitPath: 'vendor/pattern-lab/styleguidekit-twig-default'

注意：一旦创建了自定义主题，就可以从项目中移除 abd 依赖。如果您想获取更新（仅用于教育/最佳实践信息），可以保留它并接收更新。更新 abd 不会以任何方式影响您的自定义主题。

启动 Pattern Lab 和监视任务

使用 start 命令启动本地服务器，编译所有内容（运行所有所需的 gulp 任务），并监视更改。

npm start 或 yarn start

突出功能

abd 内置组件及 Drupal 支持

表单、表格、视频、手风琴、卡片、面包屑、标签页、分页、状态消息、网格

查看这些默认 abd 组件的演示。

文档

此主题基于 Four Kitchens Emulsify 主题。文档目前提供在他们的 Wiki。

notgoddess / abd

维护者

详情