README

Mustache Pattern Lab标准版

Mustache Pattern Lab标准版是Pattern Lab 1的演变。Pattern Lab的核心仍然是一个侧重于鼓励内容创作者、设计师、开发者以及客户之间沟通的原型设计工具。它将基于Mustache的图案等平台无关的资产与基于PHP的“构建器”结合起来。Pattern Lab 2引入了生态系统的基础，这将允许团队混合、匹配并扩展Pattern Lab以满足其特定需求。它还将使Pattern Lab团队推出新功能变得更加容易。Mustache Pattern Lab标准版仅仅是目前可用的四个PHP版本之一。

演示

您可以在demo.patternlab.io上试用Pattern Lab的前端演示。

要求

要使用Pattern Lab的基本功能编译图案，您必须安装PHP 5.4+。在Mac OS X上，Pattern Lab应该可以“即插即用”。如果您使用Windows，可以从PHP.net下载PHP。Pattern Lab自带内置的Web服务器。

Pattern Lab使用Composer来管理项目依赖项。如果您想使用Composer的create-project命令安装Pattern Lab或将来升级Pattern Lab，则必须安装Composer。

安装

下载并安装Mustache标准版的两种方法

下载预构建项目
使用Composer创建基于此版本的工程

下载预构建项目

从发行页面下载最新的预构建版本是开始使用Pattern Lab Mustache标准版的最快方式。

使用Composer创建项目

Pattern Lab使用Composer来管理项目依赖项。

1. 安装Composer

请按照Composer网站上的说明安装Composer。我们建议您全局安装它。

2. 安装Mustache的标准版

使用Composer的create-project命令将Mustache的标准版安装到您选择的位置。要创建项目，请执行以下操作

在终端窗口导航到您想要安装Pattern Lab的位置
输入composer create-project pattern-lab/edition-mustache-standard patternlab2-example && cd $_
当提示时，输入1以安装演示StarterKit

这将安装Mustache的标准版和演示StarterKit到名为patternlab2-example的目录中。安装完成后，您将自动进入patternlab2-example/。

注意：如果您克隆或下载此存储库并使用composer install安装项目依赖项，则需要输入以下内容以安装演示StarterKit

composer install-demo

否则，您将有一个非常基础的Pattern Lab设置。

启动并运行

安装完成后，请执行以下操作以启动和查看Pattern Lab

在终端窗口导航到您的项目根目录（如果您尚未在根目录中）
输入php core/console --server --with-watch

现在您应该能够打开http://localhost:8080以查看您生成的网站。您在./source/中做出的任何更改都将自动重新构建您的网站并重新加载浏览器。

随着您对Pattern Lab越来越熟悉，您可以将其与Gulp或Grunt工作流程集成，并删除一些本地Pattern Lab功能，如自动浏览器重新加载。您还可以查看插件列表。

从Pattern Lab 1迁移到Pattern Lab 2

Pattern Lab 2是对Pattern Lab 1的完全重写和组织。请了解更改内容。安装Mustache的标准版后，请执行以下操作以从Pattern Lab 1迁移到Pattern Lab 2

将旧项目中的./source复制到新安装中
将./source/_patterns/00-atoms/00-meta/_00-head.mustache复制到./source/_meta/_00-head.mustache
将./source/_patterns/00-atoms/00-meta/_01-foot.mustache复制到./source/_meta/_00-foot.mustache
将./source/_data/annotations.js复制到./source/_annotations/annotations.js

其他所有内容应无需更改即可正常工作。

需要Pattern Lab 1？

Pattern Lab 1的源代码仍然可以下载。

封装组件

Mustache标准版安装以下组件

pattern-lab/core: GitHub, Packagist
pattern-lab/patternengine-mustache: 文档, GitHub, Packagist
pattern-lab/plugin-reload: GitHub, Packagist
pattern-lab/styleguidekit-assets-default: GitHub, Packagist
pattern-lab/styleguidekit-mustache-default: GitHub, Packagist

列出所有可用命令及其选项

要列出所有可用命令，请输入

php core/console --help

要列出特定命令的选项，请输入

php core/console --help --[command]

pattern-lab / edition-mustache-standard

维护者

详细信息