darrenmothersele / stylex
Stylex 原型设计和风格指南工具
dev-master
2015-04-24 16:34 UTC
Requires
- php: >5.4
- michelf/php-markdown: ~1.5
- silex/silex: ~1.2
- symfony/finder: ~2.6
- symfony/twig-bridge: ~2.6
- symfony/yaml: ~2.6
- twig/twig: ~1.18
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
来查看网站。
有关如何使用其余功能的更多信息,请参阅我的博客。