README

Pattern Lab Web 设计日 Mustache 版

Web 设计日 Mustache 版为参与者提供了一个干净稳定的基准，以便跟随 Pattern Lab 的工作坊。

打包组件

Web 设计日 Mustache 版包含以下组件

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

安装

下载和安装 Web 设计日 Mustache 版有两种方法

• 下载预构建项目
• 使用 Composer 创建项目

下载预构建项目

开始使用 Web 设计日 Mustache 版最快的方法是，从 发布页面下载预构建版本。

请注意：Pattern Lab 使用 Composer 管理项目依赖项。在活动后升级 Web 设计日 Mustache 版，您需要 安装 Composer。我们建议您 全局安装。

使用 Composer 创建项目

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

1. 安装 Composer

请遵循 Composer 网站上 安装 Composer 的说明。我们建议您 全局安装。

2. 安装 Mustache 的 Web 设计日版本

使用 Composer 的 create-project 命令 将标准版 Twig 安装到您选择的目录。在终端中输入

cd install/location/
composer create-project pattern-lab/edition-mustache-webdesignday your-project-name && cd $_

这将把 Mustache 的 Web 设计日版本安装到 install/location/ 目录下名为 your-project-name 的目录中。安装完成后，您将自动切换到项目目录。

安装 Web 设计日 StarterKit 和练习文件

练习 1

在项目安装位置输入以下内容

php core/console --starterkit --suggestions
// when prompted choose 'exercise1start'
php core/console --generate
php core/console --server --quiet & php core/console --watch

练习 2

如果您想在练习二中从头开始，请在项目安装位置输入以下内容

php core/console --starterkit --suggestions
// when prompted choose 'exercise2start' and to replace source
php core/console --generate
php core/console --server --quiet & php core/console --watch

练习 3（完成）

如果您想在练习三中从头开始，请在项目安装位置输入以下内容

php core/console --starterkit --suggestions
// when prompted choose 'complete' and to replace source
php core/console --generate
php core/console --server --quiet & php core/console --watch

更新 Pattern Lab

要更新 Pattern Lab，请确保您已经 安装了 Composer。从项目的根目录开始，然后可以运行

php composer update

有用的命令

以下是一些您可以在命令行上使用以处理 Pattern Lab 的有用命令。

列出所有可用命令

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

php core/console --help

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

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

生成 Pattern Lab

要生成 Pattern Lab 的前端，请输入

php core/console --generate

监视更改并重新生成 Pattern Lab

要监视更改并重新生成 Pattern Lab 的前端，请输入

php core/console --watch

启动服务器以查看 Pattern Lab

您可以使用 PHP 内置的 Web 服务器在浏览器中查看 Pattern Lab 项目。在另一个窗口中输入

php core/console --server

然后在浏览器中打开 http://localhost:8080。

安装 StarterKit

要将一个接近空白的 StarterKit 作为项目的起点安装，请输入

php core/console --starterkit --init

要从 GitHub 安装特定的 StarterKit，请输入

php core/console --starterkit --install <starterkit-vendor/starterkit-name>

要查看您版本的推荐 StarterKit 并安装一个，请输入

php core/console --starterkit --suggestions