README

⚠️ 您正在查看Emulsify的旧版本 ⚠️

您可以在github.com/emulsify-ds找到Emulsify设计系统的当前版本。

如果您想将Emulsify项目升级到新版本，请查看此文档。

Emulsify（旧版本）

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

Emulsify支持NPM和YARN。

使用NPM安装： composer create-project fourkitchens/emulsify:^3.0 --stability dev --no-interaction emulsify && cd emulsify && npm install

使用Yarn安装： composer create-project fourkitchens/emulsify:^3.0 --stability dev --no-interaction emulsify && cd emulsify && yarn install

在项目中要求emulsify composer require fourkitchens/emulsify
移动到原始emulsify主题 cd web/themes/contrib/emulsify/
通过克隆emulsify创建新主题 php emulsify.php "THEME NAME" （运行 php emulsify.php -h 以获取其他可用选项）
移动到您的主题目录 cd web/themes/custom/THEME_NAME/
安装主题依赖项 npm install 或 yarn install
启用您的主题及其依赖项 drush then THEME_NAME -y && drush en components unified_twig_ext -y
继续下面的“开始Pattern Lab…”部分

如果您没有使用基于Composer的Drupal安装（例如从drupal.org下载的tarball），安装说明可以在Wiki上找到。

安装故障排除：请参阅Drupal安装常见问题解答。

注意：创建自定义主题后，您可以将Emulsify从项目的依赖项中移除。如果您想接收更新（仅限教育/最佳实践信息），请保留它以接收更新。更新Emulsify不会以任何方式影响您的自定义主题。

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

轻量级	✔	Emulsify致力于尽可能轻量。
SVG精灵支持	✔	自动支持创建SVG精灵。
标准Drupal模板	✔	来自Stable主题的模板 - 请参阅/模板目录
标准组件	✔	内置Drupal支持（《[Emulsify内置支持Drupal的组件](https://github.com/fourkitchens/emulsify#emulsifys-built-in-components-with-drupal-support)》）
性能测试	✔	支持通过Google PageSpeed Insights和WebPageTest.org进行测试（《[Gulp配置 - 性能测试](https://github.com/fourkitchens/emulsify/wiki/Gulp-Config#performance-testing)》）
自动Github部署	✔	将Pattern Lab实例部署为Github页面（《[Gulp配置 - 部署](https://github.com/fourkitchens/emulsify/wiki/Gulp-Config#deployment)》）
自动可访问性测试	✔	使用pa11y进行可访问性测试（《[可访问性测试](https://github.com/fourkitchens/emulsify/wiki/Accessibility-Testing)》）

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

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

文档目前提供在Wiki中。以下是一些基本链接

请参阅概述

我们有一系列视频，您可以通过这些视频了解更多关于Emulsify的信息。