Stylex 原型设计和风格指南工具

dev-master 2015-04-24 16:34 UTC

This package is not auto-updated.

Last update: 2024-09-14 17:00:52 UTC


README

使用 Silex 和 Twig 创建原型或风格指南。

查看这篇博客文章以获取更多详细信息。

我创建了一个Barbones 项目,展示了如何开始。

特性

使用 Twig 模板创建风格指南或原型前端代码。使用 YAML 格式定义示例数据和内容。

  • 使用 Twig 的力量创建原子设计(基于组件的设计)
  • 将示例内容从您的前端标记中分离出来
  • 在后续流程中重复使用模板
  • 在交付给开发人员之前全面测试前端代码

入门指南

假设您已经全局安装了 Composer,您只需要为项目创建一个文件夹,并运行以下命令

composer require darrenmothersele/stylex dev-master

这将从 Github 下载 Stylex 及其所有依赖项。它为您创建 composer.json 文件,并将所有依赖项代码下载到 vendor 文件夹中。

作为最低要求,您需要创建一个 index.php 文件以运行应用程序,以及一个启动模板 templates/index.html

在项目根目录(与生成的 composer.json 文件相同的目录)中创建一个名为 index.php 的文件,并包含以下代码

<?php
require_once __DIR__ . '/vendor/autoload.php';

$app = new Stylex\Application();
$app->run();

然后创建一个 templates 文件夹,并在该文件夹中创建第一个页面模板 templates/index.html

<html>
  <head>
    <title>Hello!</title>
  </head>
  <body>
    {% block content %}
      <h1>Hello, world!</h1>
    {% endblock %}
  </body>
</html>

您可以使用 PHP 内置的 web 服务器运行应用程序。只需运行以下命令

php -S localhost:8000

现在,访问 https://:8000 来查看网站。

有关如何使用其余功能的更多信息,请参阅我的博客